







User | 
Experience 
Design 


Como criar produtos digitais 
com foco nas pessoas 





Casa do 
Código ROGÉRIO PEREIRA 


ISBN 


Impresso e PDF: 978-85-94188-66-3 
EPUB: 978-85-94188-67-0 


MOBI: 978-85-94188-68-7 


Caso você deseje submeter alguma errata ou sugestão, acesse 


http://erratas.casadocodigo.com.br. 





AGRADECIMENTOS 


Primeiro, gostaria de agradecer à Casa do Código por ter me 
ajudado a realizar o sonho de publicar este livro. Sem eles, nada 
disso seria possível. Agradeço também à Vivian Matsui, com quem 
aprendi bastante durante este processo, pela edição didática feita e 
pelo seu trabalho que ajudou o livro a se tornar ainda mais 
didático. 


Agradeço à minha esposa, Marquélia Costa Dias, pelo apoio 
nesta longa jornada que é escrever um livro que começou no nosso 
apartamento apertado no Rio de Janeiro e terminou em São Paulo. 
Agradeço ao Victor Belinatti por ter feito a ilustração que traz vida 
e personalidade para a capa do livro. 


Agradeço também a várias pessoas que me apoiaram durante a 
minha carreira e me fizeram acreditar que poderia construir coisas 
das quais me orgulhasse, como este livro. 


SOBRE O AUTOR 


Tenho mais de 11 anos trabalhando com o objetivo de traduzir 
necessidades de negócios em produtos digitais, memoráveis para 
as pessoas. Sou formado em Produção Publicitária e tenho 
experiência em agências digitais, como AgênciaClick, Huge e 
Tropikal, na qual trabalho atualmente como Diretor de Design. 


Comecei minha carreira em Brasília e já realizei projetos 
digitais para clientes, como Banco do Brasil, Caixa Econômica 
Federal, Embratur, Infraero, Discovery Networks, BV Financeira, 
Esporte Interativo, Ipiranga, Globo.com, CVC e GOL. Fui 
professor na ESPM do Rio de Janeiro, entre 2016 e 2017, onde 
lecionei o Bootcamp de UX que inspirou este livro. 


PREFÁCIO 


A experiência do usuário (UX) engloba todos os aspectos da 
interação que as pessoas costumam ter com uma marca, seus 
serviços e principalmente com seus canais digitais (sites, 
aplicativos e softwares). E toda essa experiência se inicia desde o 
primeiro contato com uma marca até o momento do consumo dos 
seus produtos. 


As grandes marcas já perceberam o quão é importante investir 
em experiência do usuário com o objetivo de melhorar a percepção 
sem esquecer do retorno financeiro. Uma pesquisa de satisfação 
aponta que quase 90% dos usuários alegam menos chance de 
retornar a um site depois de uma experiência negativa com o 
mesmo. (Fonte: Akamai Study). Mesmo porque um novo site está 
sempre a um clique de distância. 


Ter a preocupação com a experiência das pessoas começou a 
fazer muito mais sentido quando percebi que construir produtos 
digitais estava além de apenas fazer uma página agradável 
visualmente. Quando comecei a trabalhar na área de UX, o 
mercado era bastante amador e muitas vezes apenas uma pessoa 
era responsável por pensar em todo o produto do início ao fim, 
porque não existia tanta complexidade e as empresas ainda 
estavam pouco preocupadas com a experiência que as pessoas 
tinham com suas marcas nesses ambientes. 


Mas este cenário mudou bastante devido a tamanha 
complexidade que existe hoje. Antigamente, o volume de 
informação produzido todos os dias era muito menor. Hoje, cada 


pessoa produz uma quantidade de informação infinitamente maior 
e a tecnologia evolui em uma velocidade assustadora. Por isso, hoje 
em dia é muito mais difícil fazer um produto digital que atinja 
todos os objetivos, e com isso existe a necessidade de ter 
profissionais de diversas disciplinas para que todo o caos faça 
sentido para as pessoas. E o profissional de UX está no meio disso 
tudo. 


Steve Jobs foi um revolucionário na relação dos consumidores 
com seus produtos. Para ele, os produtos deveriam entregar uma 
experiência marcante e, por isso, os Designers e Engenheiros da 
Apple tinham a responsabilidade de se preocupar com todos os 
detalhes presentes em seus produtos. Steve também teve a 
preocupação de reduzir o portfólio de produtos da empresa para 
facilitar a vida das pessoas no momento da escolha. Outra 
preocupação também era como as lojas da Apple eram 
estruturadas para que o consumidor tivesse uma ótima experiência 
de experimentação até a conclusão da compra. 


Nos últimos dez anos, dediquei a minha carreira no 
aprendizado de construção de produtos digitais que façam 
diferença na vida das pessoas. Claro que ainda tenho muito para 
aprender. Mesmo porque a profissão de UX Designer exige um 
aprendizado constante e você tem que se manter sempre 
atualizado sobre como acontece a relação das pessoas com a 
tecnologia. 


ESTRUTURA DO LIVRO 


No primeiro capítulo, vamos fazer uma breve introdução sobre 
a profissão de UX Designer e entenderemos os conceitos que 


definem a importância da área, o que faz um UX Designer no seu 
dia a dia de trabalho e quais são os diferentes perfis de atuação. 


No segundo capítulo, vamos entrar mais a fundo em algumas 
das principais metodologias e materiais produzidos pelo UX 
Designer. Vamos entender também como acontecem os primeiros 
passos no momento de construir uma visão de um produto digital 
(site, aplicativo, software) e como ocorre a interação com outros 
perfis que normalmente trabalham em um projeto. 


O terceiro capítulo é focado na atividade de Arquitetura de 
Informação que tem o papel de definir como ocorre a organização 
da informação em um produto digital. Também faremos um 
exercício de Card Sorting para entender como as pessoas pensam e 
organizam a informação da maneira que faz sentido para elas. 


No quarto capítulo, o produto começa a ganhar vida. Vamos 
aprender desde a criação de sketches no papel até os wireframes de 
uma estrutura de interface. Falaremos sobre a importância de 
começar a colocar as ideias no papel antes de documentar no 
computador. O capítulo propõe um exercício de Sketch em 
conjunto com as pessoas que normalmente estão participando do 
projeto. 


O quinto capítulo trata da importância da usabilidade na 
construção de produtos que ajudem as pessoas a realizarem suas 
tarefas. Falaremos desde a parte conceitual sobre usabilidade até a 
prática de um teste de usabilidade por meio de um exercício. 


O sexto e último capítulo tem como objetivo ajudar as pessoas 
que desejam entrar no mercado de trabalho e traz várias dicas de 
como dar os primeiros passos na profissão. No capítulo, há vários 


links de profissionais influentes na área, lista de livros, eventos, 
cursos e também traz algumas dicas de como as pessoas podem 
construir um bom portfólio. 


Então, ao ler este livro e realizar os principais exercícios, você 
será capaz de entender como funciona todo o processo de 
construção de produtos digitais. Use o livro para aprimorar as 
metodologias que vão ajudá-lo a pensar na experiência do usuário. 
Espero que ele o ajude a dar os primeiros passos em uma profissão 
que só tem a crescer, tanto no Brasil como no mundo todo. 


Público-alvo do livro 


Este livro é para todos aqueles que queiram aprender sobre 
como construir produtos digitais eficazes utilizando metodologias 
de UX. Não precisa ter formação em Design, Sistemas de 
Informação, Jornalismo, Publicidade ou qualquer outro curso que 
seja similar ao que é feito na profissão. Basta que você seja um 
curioso e tenha vontade de criar coisas que vão impactar a vida de 
milhões de pessoas. 
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CaríTULO 1 


INTRODUÇÃO AO UX 
DESIGN 


Antes de entrar no assunto principal do livro, gostaria de falar 
o que me motivou a escrever sobre como as metodologias de UX 
podem nos ajudar na construção de produtos e serviços digitais. 
Iniciei minha carreira na área em 2007 e, na época, o mercado 
ainda era reconhecido apenas como Arquitetura de Informação. A 
disciplina como um todo ainda engatinhava no Brasil, e poucas 
empresas enxergavam sua importância em projetos. 


A falta de uma metodologia clara e estabelecida, 
principalmente de bons materiais em língua portuguesa, foi a 
primeira grande dificuldade que encontrei ao começar a trabalhar 
com UX. As poucas empresas que já tinham profissionais e 
utilizavam a disciplina ainda o faziam na base do feeling e na 
tentativa e erro. 


Meu primeiro contato com UX foi quando trabalhei em uma 
agência de publicidade digital. A empresa chamava-se Agência 
Click e, algum tempo depois, foi comprada por um grande grupo 
Global de Comunicação. Aliás, este tipo de aquisição estava 
iniciando na época e várias outras agências do Brasil passaram pelo 
mesmo processo. 
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A Click foi uma das primeiras agências digitais daqui a ter um 
time dedicado somente à experiência do usuário. Ela nasceu 
originalmente em São Paulo e, algum tempo depois, abriu 
escritório em Brasília, cidade na qual tive o prazer de nascer e 
começar minha carreira. 


A Click era um dos lugares mais desejados para se trabalhar 
com digital na época. Felizmente, tive muita sorte de estar em um 
local onde muita coisa começou a acontecer na área de UX. Foi na 
agência em que ouvi pela primeira vez o termo Arquitetura de 
Informação. Foi neste momento que tudo começou a fazer sentido 
na minha cabeça, e também foi lá que conheci as primeiras pessoas 
que trabalhavam 100% do seu tempo focadas em construir uma 
grande experiência digital. 


Comecei a trabalhar com a área digital em uma época em que 
não existia muita especialização. Antes de entrar em uma agência, 
fazia todo o processo de criação de um website totalmente sozinho 
e de forma intuitiva. Quem é mais velho lembrará dos sites 
desenhados no Fireworks, Dreamweaver e até mesmo no Flash. 


Iniciava-se um projeto definindo a estrutura e, depois, partia-se 
para os primeiros rabiscos de como funcionaria toda a navegação — 
e sempre me perguntava se aquilo fazia sentido para o usuário para 
o qual estava desenhando. Todo este processo era natural, e eu não 
fazia ideia de que existia uma área na qual as pessoas se 
preocupassem apenas com a experiência de uso de um produto 
digital. 


Outra questão que dificultou bastante no início foi que eu não 
sabia inglês e, por isso, não conseguia acompanhar o que os 
mercados mais avançados que o Brasil estavam fazendo em UX. Se 
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você não domina a língua inglesa e deseja trabalhar na área, faça 
uma pausa na leitura deste livro agora e coloque isso como 
prioridade número 1. 


Tenha certeza de que o domínio dessa língua vai fazer uma 
total diferença em sua carreira profissional. Deixar uma 
oportunidade passar porque você não sabe falar a língua é horrível; 
pior ainda é saber que você pode ter perdido uma vaga para 
alguém que tem menos domínio de UX Design do que você, por 
conta disso. 


Felizmente, tive a sorte de ter bons mentores que me ajudaram 
bastante na minha jornada inicial. Meu primeiro professor foi o 
Daniel Souza, umas das pessoas mais apaixonadas pelo assunto 
que já conheci. Discutíamos muito sobre a área, e ele dava alguns 
conselhos sobre como eu poderia começar minha carreira como 
UX Designer. 


Logo depois, ainda na Agência Click, conheci Pedro Borges, 
um dos profissionais mais talentosos com que tive o prazer de 
trabalhar e que teve grande influência no início da minha 
trajetória. Eu ficava impressionado com a velocidade com a qual 
ele conseguia chegar a uma solução de navegação ou interface 
muito bem resolvida. Pedro me ajudou a enxergar que viver a vida 
com bom senso seria uma ótima forma de colocar o meu trabalho 
em prática e fazer a diferença. Talvez ele não saiba, mas eu sou 
eternamente grato a ele. 


Em 2007, criei um blog para registrar tudo aquilo que aprendia 
sobre Arquitetura de Informação e Usabilidade. Foi pelo blog que 
tive o prazer e a oportunidade de conhecer outras pessoas que 
também já estavam ou queriam entrar no mercado. 
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Aprendi muito cedo que o conhecimento teórico é importante, 
mas nada é mais valioso do que colocar a mão na massa para 
desenvolver sua skill. Quando alguém me pergunta como começar 
a trabalhar com UX, sempre falo para iniciar com projetos pessoais 
- mesmo que seja copiando bons produtos que já existem no 
mercado. 


Não precisamos ter vergonha de copiar, principalmente 
quando estamos aprendendo algo. É assim que as pessoas 
aprendem a tocar instrumentos, por exemplo. Elas começam 
copiando os grandes artistas para um dia se tornarem grandes 
também. 


A ideia central deste livro é mostrar como as metodologias de 
UX Design nos ajudam a construir grandes produtos. A área é 
bastante abrangente e vai muito além de só fazer websites e 
aplicativos - ainda mais porque, nos dias atuais, temos a 
oportunidade de projetar para milhões de pessoas em diferentes 
plataformas. 


Meu propósito é transmitir ao máximo minha experiência para 
novos profissionais que estão entrando na área e, até mesmo, para 
quem já trabalha com digital, mas tem muita dificuldade de fazer 
um projeto com foco nas pessoas que o usarão. O mais importante 
é ficar claro que você pode fazer grandes produtos e serviços que 
sejam inesquecíveis e que façam a diferença na vida delas. É 
importante conhecer as metodologias de UX Design para darmos o 
primeiro passo na construção de produtos digitais, porém, é 
fundamental que o UX Designer confie no seu instinto e use os 
métodos apenas como base para a construção de soluções 
relevantes e interessantes. 
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Comecei a trabalhar com UX porque queria encontrar o 
verdadeiro valor no que eu faço em meu dia a dia. Longe de mim 
dizer que todas as outras áreas e pessoas envolvidas no processo 
não são importantes, muito pelo contrário. Acredito 
verdadeiramente que só conseguimos fazer bons produtos quando 
todos os envolvidos têm a mesma preocupação com o resultado 
final daquilo que está sendo feito. Assim, quem ganha no final é 
sempre o usuário, que terá a oportunidade de usar algo com 
qualidade e terá mais tempo livre para passar com a sua família ou 
amigos. 


1.1 O QUE É UX DESIGN 


UX é o nível de satisfação que as pessoas têm ao usar um 
produto ou serviço, seja este físico ou digital. A experiência do 
usuário manifesta-se em todos os objetos que usamos diariamente, 
e ela existe desde que o mundo é mundo. Existe desde que as 
pessoas começaram a usar objetos para realizarem algum tipo de 
tarefa no seu cotidiano. 


A interação que temos com produtos digitais, foco deste livro, 
também é bastante ampla e só vem aumentando ao longo dos 
últimos anos. Usamos diariamente e com muita frequência objetos 
como computadores, celulares, tablets, videogames, caixas 
eletrônicos etc. E parte da responsabilidade do UX Designer é 
projetar sistemas que ajudem as pessoas a terem boas experiências. 


Para isso acontecer, é importante entender profundamente os 
nossos usuários e o mercado, para que possamos criar produtos 
digitais que façam diferença para o negócio e, claro, impacte a vida 
das pessoas que vão usá-lo. Para conseguir resolver problemas que 
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olhem tanto para o negócio quanto para o usuário, temos algumas 
metodologias que nos auxiliam nesta jornada. 


Também é importante entender que, para fazer um projeto, é 
preciso contar com o lado analítico e criativo de um UX Designer. 
O lado analítico está mais relacionado à preocupação que esse 
profissional precisa ter com a parte mais estrutural e funcional de 
um projeto. Já o lado criativo é sobre como este perfil consegue 
resolver um problema da forma mais interessante e elegante 
possível. 


1.2 AS DISCIPLINAS DE UX DESIGN 


Existem diversas disciplinas que estão ao redor do processo de 
trabalho de um UX Designer. O objetivo do livro não é mostrar 
uma fórmula mágica, ou indicar uma receita de bolo que vai ajudá- 
lo com seus problemas de UX Design. Ele também não tem como 
foco simplesmente falar sobre uma sopa de letrinhas de 
metodologias. 


O livro tem como propósito mostrar como podemos usar 
algumas das metodologias que fazem sentido e vão nos ajudar a 
construir um produto ou serviço digital para fazer a diferença na 
vida das pessoas. E quando olhamos para a complexidade em que 
podemos cair, isso pode acabar causando uma frustração diante do 
resultado final de um trabalho. 


Dan Saffer, autor do livro Designing for Interaction (2006), 
construiu um diagrama há alguns anos que mostra bem as diversas 
interseções e nomenclaturas que envolvem as disciplinas de UX: 
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Figura 1.1: Dan Saffer (2006) - Fonte: https://goo.gl/hKdxMT 


Repare no gráfico como o grande círculo de User Experience 
Design engloba uma série de outras disciplinas, de Arquitetura de 
informação a Design Industrial, passando até por áreas que são 
menos comuns ao dia a dia de quem já está acostumado a trabalhar 
em projetos digitais. O gráfico mostra claramente que, para 
construir uma grande experiência, existem vários fatores 


1.2 AS DISCIPLINAS DE UX DESIGN 7 


envolvidos, inclusive aqueles efeitos sonoros que acontecem no 
momento em que você recebe uma mensagem no Gtalk ou Skype, 
por exemplo. 


É fundamental pensar por que usamos com tanta frequência os 
produtos que amamos. Por que não abrimos mão de serviços como 
Gmail, Netflix e Spotify? Por que gastamos horas e mais horas à 
frente da TV jogando videogame? 


Por tudo que citei, fica evidente o quão importante é o papel de 
um UX Designer e como ele deve trabalhar duro para ajudar as 
pessoas a realizar suas tarefas sem dificuldades. O UX Designer 
deve ser capaz de criar interfaces interessantes e simples de usar — 
mais do que simples de usar, os produtos que criamos devem 
causar uma sensação prazerosa. E essa sensação pode ser porque 
resolveu um problema muito grande na rotina da pessoa, ou 
ajudou-a a ter mais tempo para fazer outras coisas que gosta com a 
família ou os amigos. 


1.3 O QUE FAZ UM UX DESIGNER 


Não podemos esquecer que, para fazer bons projetos, é preciso 
entender profundamente o negócio do cliente. Por isso, o principal 
papel de um UX Designer em um projeto é equilibrar os objetivos 
do negócio dele com as necessidades dos usuários que utilizarão o 
produto que será desenvolvido. O UX Designer funciona como se 
fosse o advogado do usuário, sem se esquecer de que cada negócio 
tem pontos tanto fortes como fracos, totalmente diferentes. 


Antes de fazer qualquer projeto, procure entender bastante 
sobre o negócio e aproveite para ser um cliente ou passar pela 
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experiência de um, assim, você tentará captar rapidamente alguns 
problemas na experiência. Também procure testar todas as formas 
de atendimento para identificar possíveis oportunidades de 
melhoria. Desta forma, conseguirá criar empatia com o público 
que consome aquele produto com o qual vai trabalhar. 


Apesar de o nome da profissão ter a palavra designer, o UX 
Designer precisa passar mais tempo entendendo pessoas e 
processos do que desenhando soluções, sentadinho no conforto de 
um escritório. Costumo brincar que o UX Designer parece uma 
criança de 6 anos que quer entender todos os porquês do mundo. 


Tente questionar tudo. Quando mais questões respondidas, 
mais autoridade você conseguirá construir em cima do assunto 
com qual está trabalhando. 


O mais importante para o UX Designer é imaginar e 
questionar como as pessoas usarão seu produto, quais tarefas 
conseguirão realizar, em qual ordem as interações vão acontecer, e 
por aí vai. É claro que existe uma etapa seguinte ao trabalho do UX 
Designer, em que a preocupação é única e exclusivamente com a 
parte mais estética de um projeto. A preocupação inicial deve ser 
toda em cima da função, para depois começar a pensar em diversas 
formas de resolver o mesmo problema. 


Os profissionais de UX começaram a surgir em uma época na 
qual eram chamados de Arquitetos de Informação, sendo 
responsáveis essencialmente por organizar todo o conteúdo de um 
website de uma maneira lógica para o usuário final. O mundo 
digital evoluiu bastante, e esse perfil precisou se reinventar e 
evoluir para assumir novas responsabilidades, tornando-se mais 
completo e relevante entre os profissionais do mercado digital. 
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Assim, o UX Designer começou a ter um papel um pouco mais 
estratégico dentro do processo de design do que simplesmente 
desenhar interfaces. Infelizmente, ainda, boa parte do mercado se 
preocupa muito em fazer telas e mais telas sem pensar no 
problema que precisa ser resolvido. 


Geralmente, o UX Designer é o profissional que consegue ter 
uma visão abrangente de um projeto e, na maioria das vezes, ele é 
o maior guardião de conhecimento daquilo que foi definido na 
estratégia do produto. Ele também tem o papel de fazer o meio de 
campo entre outros perfis como Estrategistas, Visual Designers e 
Desenvolvedores. 


Saber se o botão de comprar será azul ou vermelho, ou se ficará 
do lado esquerdo ou direito, não é responsabilidade de um UX 
Designer. Seu foco é definir a melhor estrutura para o produto que 
será criado. 


Uma de suas principais funções é pensar em questões mais 
estratégicas. Os pontos fundamentais com que um UX Designer 
deve se preocupar são: 


e Por que existe um vídeo? 

e Quala importância dele para o propósito da página? 

e Em qual contexto devo apresentar este conteúdo ao 
usuário? 

e Qual é a ação primária e a secundária da página? 

e O que pode ser mostrado ao longo da navegação do 
usuário? 

e O que podemos agrupar e o que deve ficar muito na cara 
do usuário? 

e O que acontece ao final da página? 
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e O que o texto do botão deve comunicar para o usuário? 

e Este tipo de informação sensível é mostrada para todos os 
usuários? 

e O que acontece quando o usuário clica neste botão? 


A lista é bastante ampla. Claro que algumas dessas decisões não 
são tomadas exclusivamente pelo UX Designer. Todo trabalho 
deve ser feito em conjunto com Estrategistas, Visual Designers, 
Redatores, Desenvolvedores, Gerentes de Projetos e outros 
profissionais que estejam envolvidos na construção de um 
produto. 


O UX Designer precisa se adaptar rapidamente a diferentes 
tipos de projetos e contextos. Ele deve saber falar a língua de todos. 
Conhecimento sobre pessoas é o que vai fazer a diferença para esse 
profissional. 


1.4 QUEM PODE SER UX DESIGNER 


Não existe uma regra e, principalmente, uma formação que 
determina quem pode trabalhar como um UX Designer. Já tive a 
oportunidade de conhecer e trabalhar com profissionais que 
vieram de diversas formações diferentes. 


Muitas pessoas acreditam que um background diferente mais 
contribui do que atrapalha. Existem UX Designers formados em 
Jornalismo, Design, Biblioteconomia, Tecnologia, Engenharia e, 
até mesmo, Biologia. 


A formação em qualquer profissão é superimportante, mas 
existem algumas características que fazem muito mais diferença 
para uma carreira de UX Designer, que são: o bom senso, a 
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organização, o pensamento analítico, a criatividade e, 
principalmente, o entendimento sobre pessoas. E como não existe 
uma formação oficial da área, é mais fácil olhar essas skills para 
entender se a pessoa conseguirá entregar um bom trabalho. 


Entender o comportamento das pessoas é uma questão 
extremamente importante para quem deseja trabalhar como um 
UX Designer. É esse tipo de preocupação que ajuda um 
profissional a enxergar novas oportunidades para um produto ou 
serviço. 


O UX Designer precisa se preocupar se aquilo que ele está 
criando faz sentido para o público que vai usar, e se eles vão ter 
uma experiência bacana com o produto. Usabilidade em qualquer 
produto é o básico com que o UX Designer deve se preocupar. Ser 
fácil é obrigatório, e ser inesquecível é superimportante para você. 


1.5 OS DIFERENTES PERFIS DE ATUAÇÃO EM 
UX DESIGN 


A área de UX é bastante ampla e, com o passar do tempo, você 
vai direcionar sua carreira para o que você faz melhor e mais gosta 
de fazer. Se você tem mais facilidade em organizar informação, é 
natural que prefira focar seus esforços em arquitetura de 
informação. O importante é conhecer o todo logo no início para 
entender em que você é mais forte, e assim começar a se 
diferenciar. 


Podemos dividir a atuação do UX Designer em 4 grandes 
habilidades: Visão Estratégica, Pesquisa com Usuários, 
Arquitetura de Informação e Design de Interface. Enquanto na 
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Visão Estratégica e Pesquisa com Usuários costumamos descobrir 
as necessidades e os objetivos das empresas e dos usuários, na 
Arquitetura de Informação e no Design de Interface tentamos 
materializar as soluções para atingir esses objetivos. 


o e9 


E Descoberta EH Solução 





Figura 1.2: Dois momentos que acontecem durante a fase de descoberta, e os outros dois que 
acontecem na parte de solução 


Visão estratégica 


Uma das habilidades do UX Designer é pensar 
estrategicamente qual é a visão do produto que está sendo 
construído e que tipo de problema ele deve resolver. A estratégia 
deve estar totalmente alinhada aos objetivos de negócio do cliente, 
contexto de mercado e necessidades dos usuários. 


Aqui é a fase na qual todos os porquês devem ser respondidos 
de forma clara. Para quem será feito? Como o produto vai evoluir 
com o tempo? Como os objetivos de negócio serão atingidos? 


Pesquisa com usuários 


O UX Designer deve ser capaz de conduzir pesquisas e 
entrevistas com usuários. Nessa fase, é importante identificar 
questões como: quais são as necessidades, anseios e motivações das 
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pessoas ao se relacionarem com uma determinada indústria. 


Quais são as principais tarefas que as pessoas precisam realizar. 
Esta etapa ajuda a identificar oportunidades que o produto ou o 
mercado atual ainda não atende, como também para priorizar os 
problemas que precisam ser resolvidos. 


Arquitetura de Informação 


Talvez esta seja uma das habilidades mais importantes para o 
UX Designer. É a Arquitetura de Informação que dará sentido 
estrutural ao produto que será desenhado. O UX Designer deve 
organizar a informação de acordo com o propósito do projeto. 


A organização da informação deve fazer sentido para o público 
que usará o produto. É importante lembrar que a Arquitetura de 
Informação vai muito além do que apenas fazer sitemaps e 
wireframes, então esta disciplina é muito mais profunda do que as 
pessoas normalmente enxergam e colocam em prática. 


Design de interface 


É a habilidade de construir interfaces que sejam simples e 
fáceis de usar. É muito difícil encontrar UX Designers que tenham 
essa skill mais desenvolvida. Essa etapa pode ser comparada com 
um roteiro de um filme. 


É nessa fase em que o UX Designer vai pensar como o usuário 
vai interagir com o produto para atingir o seu objetivo. De forma 
mais prática, é pensar sobre o que acontece quando o usuário 
preenche um formulário, como a interface responde ao clicar no 
botão, qual é a quantidade de informação que usuário precisa para 
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realizar uma determinada tarefa etc. 


1.6 O QUE O UX DESIGNER NÃO FAZ 


O UX Designer não é o profissional responsável pela direção 
de arte do produto. Também não deve se preocupar tanto com a 
gestão do projeto. Para essas tarefas, existem profissionais que vão 
ficar focados nisso. Não estou dizendo que não devemos aprender 
a fazer esse tipo de atividade, mas devemos gastar nossa energia em 
fazer um produto que vai fazer diferença na vida das pessoas. 


É o UX Designer que vai traduzir em interfaces e fluxos a Visão 
Estratégica criada em conjunto com outros perfis dentro de um 
projeto. Um bom projeto deve conter diferentes perfis para que a 
discussão e as soluções tenham diversos pontos de vistas. 


UX não é, de fato, uma disciplina exata. User Experience Design 
é algo mais amplo, e todos os envolvidos em um projeto têm 
responsabilidades na construção de uma grande experiência. 


Fabrício Teixeira (2014), em seu livro Introdução e Boas 
Práticas em UX Design, diz que o "UX Designer não é um profeta 
que sabe como as pessoas pensam”. O papel dele é ser um 
investigador que descobre o que levou uma pessoa a pensar ou agir 
de uma determinada maneira. E com isso, propõe melhoria de 
design baseado nessas descobertas. 


O UX Designer não é a pessoa que vai definir qual tecnologia 
será utilizada para fazer um determinado aplicativo. O papel dele é 
ficar atento a quais tecnologias existem e como elas podem ajudar 
a resolver problemas de design. A tecnologia deve funcionar como 
um meio para se resolver um problema. 
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Não é o UX Designer que vai produzir o conteúdo que será 
publicado no site. A função dele é mostrar onde esses conteúdos 
vão entrar e como serão estruturados. Claro que algumas questões 
sobre o que esse profissional pode ou não fazer vai depender de 
como a empresa onde o UX Designer trabalha está estruturada. 


No início de carreira, esse profissional terá um pouco de 
dificuldade de ficar focado apenas na função que é importante para 
o sucesso de um produto. Mas, com o passar do tempo, tudo ficará 
mais natural, e a empresa vai começar a perceber a importância de 
colocar em prática as metodologias de UX para resolver problemas 
de design. 


1.7 CONCLUSÃO 


Neste capítulo, contei como UX Design entrou em minha vida 
e como vejo a disciplina. De maneira geral, também passamos a 
entender um pouco melhor o que é UX Design, o que este 
profissional faz no dia de trabalho e os diferentes perfis de atuação 
dentro da profissão. 


No próximo capítulo, apresentaremos as diferentes 
metodologias que utilizamos na construção de produtos digitais. O 
objetivo é mostrar como podemos usar as metodologias de forma 
eficiente dentro dos projetos, e como materializamos aquilo que 
precisamos comunicar a outras pessoas que estão trabalhando 
conosco. 
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CAPÍTULO 2 


METODOLOGIAS E 
ENTREGÁVEIS DE UX 


Os entregáveis são alguns documentos produzidos durante as 
atividades realizadas na fase de concepção de um produto digital. 
Com esses documentos em mãos, conseguimos deixar claro, tanto 
para os clientes quanto para o time, o que deve priorizado no 
produto que será desenhado. 


Os documentos também nos ajudam a comunicar o que 
estamos aprendendo sobre o projeto e mostra ao cliente uma visão 
das necessidades que precisam ser resolvidas. Eles também não 
deixam de ser uma forma de o cliente sentir empatia pelos usuários 
e ter um diagnóstico sobre os problemas do seu negócio. 


Todo o trabalho feito pelo UX Designer no início de uma 
descoberta é uma espécie de raio-X do que será construído ao 
longo de um projeto. O trabalho desse profissional acaba sendo 
dos bastidores. É o que acontece por trás das cortinas de um 
espetáculo, por exemplo. Costumamos enxergar somente o 
resultado final de um filme, mas esquecemos que, para ele ficar 
pronto, existe uma quantidade enorme de pessoas envolvidas e 
responsáveis por cada detalhe que vai parar nas telas dos cinemas. 
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Steve Jobs costumava dizer que o Design não é somente como 
as coisas são vistas ou sentidas. Design é como as coisas 
funcionam. Esse pensamento retrata bem o verdadeiro papel do 
UX Designer. O trabalho feito pelo UX Designer é influenciado 
diretamente pelos processos e métodos das outras áreas envolvidas 
durante um projeto. 


Negócios, estratégia, tecnologia, conteúdo e visual design são 
disciplinas que se relacionam diretamente com User Experience. O 
UX Designer precisa se adaptar e conhecer bem todas as áreas 
envolvidas, para que consiga entregar o maior valor possível para o 
produto que está projetando. 


Conhecer os métodos e saber a hora certa de usá-los é uma das 
habilidades mais procuradas em um profissional de UX. O ideal é 
ter um conhecimento profundo sobre os métodos para que 
possamos usar no momento em que precisamos entender 
contextos e problemas que os usuários enfrentam em sua relação 
com uma indústria específica. 


Para facilitar o entendimento e a importância das metodologias 
entregáveis, este capítulo está dividido em 4 fases. 


Fase de descoberta; 


Visão do produto; 
Desenho de interfaces; 


Validação com usuários. 


2.1 FASE DE DESCOBERTA 


Muitas vezes, a rotina das empresas não colabora para uma 
visão clara do que está acontecendo internamente na sua relação 
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com os clientes. Diante deste cenário, elas têm dificuldades para 
definir quais são os problemas que precisam ser resolvidos e quais 
são as reais motivações dentro de um novo projeto. 


Isso acontece sempre em um momento no qual a empresa 
precisa se mexer de alguma forma para não perder uma 
oportunidade de negócio, ou simplesmente para não ficar atrás da 
concorrência. O nosso papel como um profissional de UX, nesse 
momento, é ajudar o cliente a perceber todos os problemas para 
que possamos, juntos, construir algo que vai ajudá-los a se 
apropriar das necessidades mapeadas. 


Todo projeto se inicia com muitas perguntas que precisam ser 
respondidas logo nas primeiras semanas. Para quem estamos 
projetando? O que queremos resolver? Quais são os resultados 
desejados ao final do projeto? Quais são as áreas envolvidas? Qual 
é expectativa de cada área? Quem serão os responsáveis por 
conduzir o projeto no dia a dia? 


Estes são apenas alguns exemplos de perguntas que precisam 
ser respondidas o quanto antes. E as respostas servem para termos 
um entendimento profundo sobre o negócio e sobre os usuários do 
produto ou serviço daquela determinada marca. Neste momento, é 
fundamental a participação de outros perfis como os estrategistas 
de produtos, Visual Designers e desenvolvedores, por exemplo. É o 
momento de ter visibilidade de todos os problemas e questionar 
por que as coisas são feitas daquela forma. 


Essa fase do projeto pode ser dividida entre entrevistas com 
stakeholders, usuários, especialistas no assunto abordado e análise 
de viabilidade tecnológica. É o momento em que todos os 
envolvidos no processo estudam o cenário e vão a campo validar 
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hipóteses e conceitos, que muitas vezes fazem parte da cabeça de 
uma área ou de um profissional. 


Entrevistas com stakeholders 


Os stakeholders são pessoas do lado do cliente, envolvidos 
diretamente com o projeto de alguma forma. Normalmente, 
mapeamos os principais stakeholders para que possamos 
entrevistá-los com o objetivo de entender o real papel de cada um e 
como o projeto pode impactar diretamente sua área ou rotina de 
trabalho. 


Os principais stakeholders costumam ser diretores, gerentes, 
da operação da área comercial, do atendimento, da produção de 
conteúdo e tecnologia. Estes são apenas alguns exemplos, e é claro 
que vai depender do tipo de cliente com que estamos trabalhando. 


Geralmente, as entrevistas são feitas com perguntas gerais 
sobre o papel da pessoa na empresa como perguntas mais 
específicas e diretamente ligadas à área de cada stakeholder. Se o 
stakeholder é um diretor de atendimento, por exemplo, 
perguntamos como acontece o relacionamento com o cliente em 
todos os canais digitais da empresa e quais são as expectativas de 
melhoria em relação ao projeto. 


É importante investigar quais são os indicadores que vão medir 
o sucesso de um novo produto e como o digital será importante na 
transformação da empresa. Neste momento, aproveite para 
solicitar ao stakeholder possíveis relatórios dos maiores problemas 
recebidos no call center, por exemplo. Isso ajuda a ter uma visão 
das questões mais críticas em relação ao negócio. 
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As entrevistas são necessárias para que possamos fazer um 
raio-X da empresa na visão de cada stakeholder. Não existe um 
número mágico que determina com quantos precisamos falar. Na 
dúvida, converse com todos que podem trazer informações 
relevantes e que vão ajudar o produto ou o serviço a chegar a outro 
patamar. E é claro que tudo isso depende do tamanho da empresa. 


É muito importante registrar as entrevistas para que você possa 
consultar algo específico depois, e o time tenha acesso ao material. 
Normalmente, fazemos essas entrevistas em duas pessoas. 
Enquanto uma conduz o papo, a outra anota todos os pontos 
importantes. 


É muito importante ter uma pessoa com a skill mais de UX e a 
outra, de Estratégia. Assim, conseguimos ter uma visão 
compartilhada de tudo o que é coletado na entrevista. 
Costumamos gravar as entrevistas caso seja necessário ouvir com 
mais calma depois, mas é preciso informar ao stakeholder o 
motivo da gravação e deixar de gravar caso alguém se sinta 
incomodado. 


É imprescindível salvar as anotações em um local a que todos 
do time tenham acesso. Por exemplo, o Google Docs é uma ótima 
ferramenta, pela facilidade de ser colaborativo e muito simples de 
convidar as pessoas envolvidas no projeto. Uma vez concluídas as 
entrevistas, é o momento de reunir o time e listar os principais 
temas levantados nas conversas. 


O objetivo desse encontro é debater os principais insights que 
serão usados na Visão de Produto e orientarão as entrevistas com 
os usuários. É hora de concluir se a empresa para a qual o projeto 
será feito tem uma visão alinhada sobre os objetivos de negócio. 
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Algumas vezes, acontece que a diretoria tem uma visão bem 
diferente das pessoas que estão envolvidas diretamente na 
operação do dia a dia. Claro que isso não é uma regra; depende 
muito da estrutura, do tamanho da empresa e, principalmente, 
como está estabelecida a cultura do digital na cabeça das pessoas. 


Levamos todos os pontos para serem discutidos com os 
envolvidos no projeto para ver se existe alguma questão que 
impacta diretamente no que foi contratado inicialmente. O 
objetivo é chegar a um caminho mesmo que haja divergência em 
algumas opiniões. 


Entrevistas com usuários 


São métodos que têm como objetivo entender como os 
usuários pensam de fato, o que esperam de um determinado 
produto ou serviço, e qual é o relacionamento com uma 
determinada indústria. Se pensarmos na indústria de esportes, por 
exemplo, podemos entender como as pessoas consomem seus 
esportes favoritos e como se mantêm informadas quando um 
evento esportivo não está acontecendo. 


Em vez de perguntar para as pessoas o que elas querem ou 
esperam - já que a resposta pode ser muito vaga -, as entrevistas 
têm como objetivo entender seus sentimentos, suas motivações e 
suas experiências durante o consumo de um evento esportivo, por 
exemplo. O desafio é conseguir fazer com que elas contem 
histórias e, através disso, conseguir entender seus contextos e 
motivações. Esse formato nos ajuda a ter vários insights para um 
produto que podemos desenhar. 


Gosto também de usar exemplos da indústria financeira, 
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porque tive a oportunidade de trabalhar com alguns projetos desse 
segmento no Brasil, na Colômbia e nos Estados Unidos. Nesse 
caso, todas as entrevistas com os usuários sempre tiveram como 
foco o entendimento do cenário atual em cada um desses 
mercados. 


Nesse momento, não é importante entender como os usuários 
usam o site atual do seu banco. O mais importante é descobrir 
como eles se relacionam com produtos bancários no geral. 


O livro Interviewing Users: how to uncover compelling 
insights? é um dos mais completos quando o assunto é 
entrevistar usuários. Steve Portigal (2013), autor do livro, fala 
sobre o assunto de uma maneira muito natural, leve e simples 
de entender. Vale a pena a leitura, porque ele passa muitas 
dicas de como podemos nos portar em uma sessão de 
entrevista, e como usamos seus resultados de forma 


produtiva. 





Entrevistar usuários é uma das skills mais importantes e 
esperada em um UX Designer. Ninguém pode dizer que trabalha 
com UX se nunca teve a oportunidade de conversar com usuários 
para entender se aquilo que está sendo projetado faz sentido ou 
não. Por isso, é superimportante recrutar pessoas que têm muita 
curiosidade em aprender e enxergam a importância de colocar o 
usuário no centro da construção de produtos digitais. 


E para falar com usuários, não é preciso um recrutamento 
enorme através de uma empresa especializada. Basta saber se a 
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pessoa com quem você vai falar faz parte do público-alvo do 
produto que você está criando. Este tipo de entrevista pode ser 
feito por meio de um recrutamento menos formal usando o 
contato dos seus amigos e familiares. 


Vamos supor que você está desenhando um produto digital 
para uma empresa de turismo e precise falar com pessoas mais 
velhas, que possuam filhos e fizeram pelo menos uma viagem 
nacional ou internacional nos últimos doze meses. Passe essas 
características aos seus amigos ou familiares, e as pessoas 
lembrarão de alguém que faz parte desse perfil. Depois, basta você 
confirmar com a pessoa se a característica confere antes da 
entrevista. 


Existem duas formas de pesquisa: a qualitativa e a quantitativa. 
A pesquisa quantitativa é uma forma de medir a satisfação dos 
consumidores e coletar feedback sobre um produto ou serviço. Ela 
pode ser realizada de forma muito rápida e com uma boa base de 
usuários através de ferramentas online, como Google Forms, 
Survey Monkey, Survey Gizmo. Isso nos ajuda a apontar 
problemas que podem ser corrigidos imediatamente e mostrar a 
necessidade de uma pesquisa em profundidade, que é a qualitativa. 


O objetivo da pesquisa qualitativa é trazer insights muito mais 
claros de como podemos resolver os problemas das pessoas com 
um produto digital. Esse tipo de pesquisa pode ser realizado por 
meio de entrevistas contextuais na casa ou no trabalho dos 
consumidores. Com este método, a ideia é também entender onde 
e como essas pessoas se relacionam com uma determinada 
indústria, e como o digital faz parte de seus contextos. 


Não existe um número mágico de quantas pessoas devemos 
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entrevistar. A primeira coisa a fazer antes de uma pesquisa é 
levantar algumas características importantes que devem ser vistas 
com as entrevistas. Uma análise profunda do Google Analytics nos 
ajuda a entender, inicialmente, alguns comportamentos e hipóteses 
que devemos validar com as entrevistas. 


Normalmente, falamos com pessoas que fazem parte de um 
determinado público-alvo e escolhemos de acordo com o perfil 
comportamental, uso de internet, hábitos de consumo e relação 
com o produto ou serviço. Se a definição do perfil não for bem 
feita, a conclusão da pesquisa pode ser enviesada. 


Veja o exemplo de amostra de uma indústria de viagem: 


e Pessoas com um ou mais filhos; 

e Pessoas que já viajaram com idosos; 

e Pessoas que compraram passagens em agências de viagens; 

e Pessoas que fizeram uma viagem internacional 
recentemente. 


Após a definição das pessoas com quem precisamos falar, é o 
momento de recrutá-las. Infelizmente, existe uma carência muito 
grande em relação às empresas que fazem recrutamento no Brasil. 
Inclusive, enxergo esta questão como uma grande oportunidade de 
negócio que ninguém resolveu ainda. Normalmente, essa fase é 
bastante crítica, porque é importante se preocupar em encontrar as 
pessoas certas para as entrevistas. 


Uma boa entrevista em profundidade dura no máximo entre 1 
e 2 horas, e ela vai depender do formato e das atividades que 
podem ser realizadas durante uma sessão. Se possível, é válido 
registrar através de vídeos e fotos, e fazer todas as anotações 
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possíveis. 


Esse tipo de entrevista não se diferencia muito das com os 
stakeholders. A participação de duas pessoas é fundamental para 
que uma fique focada em conduzir o papo, e outra possa ajudar 
com o registro de informações. É importante (e recomendado) 
mesclar essas entrevistas com perguntas e atividades que envolvam 
os consumidores. Dessa maneira, elas tornam-se mais agradáveis, e 
os usuários sentem-se motivados a contribuir. 


A participação e a condução nesse tipo de entrevista com 
usuários ajudam muito no aprendizado. Certa vez, eu estava 
conduzindo um teste de usabilidade e, ao final da sessão, comecei a 
conversar de maneira mais informal com o usuário sobre o 
produto de cujo teste ele estava participando. No momento em que 
desligava todos os equipamentos, percebi que as pessoas ficavam 
ainda mais à vontade e davam sua opinião com mais naturalidade. 
E ao perceber esse comportamento, comecei a deixar, pelo menos, 
o gravador ligado; com isso, consegui pegar os principais quotes 
utilizados na apresentação dos resultados. 
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Para pensar em atividades, é importante usar a criatividade. 
Trabalhei em um projeto relacionado a esporte, no qual queríamos 
entender melhor o que as pessoas achavam importante quando 
estavam consumindo um evento esportivo na TV, no celular, no 
tablet ou no computador. 


Em vez de fazer somente perguntas, o time criou uma 
dinâmica que tinha uma lista de conceitos em cartões, e pedimos 
para as pessoas organizarem do mais para o menos importante. 
Dessa maneira, visualizamos o que elas valorizavam, de fato, 
quando assistiam a um evento. 


26 2.1 FASE DE DESCOBERTA 


Outra atividade que também fizemos foi mostrar alguns 
trechos de vídeos, e pedir que elas apontassem quais conceitos 
estavam presentes em cada um dos vídeos. 


Mais do que pensar nas atividades, é muito importante 
aprender a conduzir e como se comportar durante uma entrevista. 
Uma boa condução faz toda diferença, principalmente quando 
você se depara com algumas pessoas que são mais fechadas e não 
gostam muito de falar. 


Seguem algumas dicas que considero importantes e que fui 
aprendendo ao longo de minha carreira: 


e É importante tentar evitar usar uma roupa muito diferente 
da do usuário. Ele pode se sentir intimidado com isso. 

e Sempre que o usuário perguntar o que significa uma 
determinada coisa, devolva a pergunta - O que você acha 
que é? 

e Questione tudo com bastante frequência, mesmo que já 
conheça o assunto, e procure ser o mais neutro possível. 

e Se o usuário tiver alguma dúvida, não responda na hora e 
avise que você explicará ao final da entrevista. 

e Tome muito cuidado para não induzir o usuário em 
algumas respostas. 

e Tente evitar perguntas muito fechadas e peça para ele 
tentar pensar em voz alta, para que você entenda porque ele 
tomou uma determinada decisão. 

e Após as entrevistas, é o momento de analisar os resultados 
e entender os principais padrões, para que possamos criar 
os arquétipos (personas) que servirão de base para a 
construção do produto. 
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Agora que conseguimos entender toda a parte teórica de como 
se faz entrevistas com usuários, é superimportante praticar. Faça 
entre 5 a 8 entrevistas para que você consiga encontrar padrões. 
Escolha o tema da sua preferência para fazer a pesquisa. Para 
explicar o exercício, utilizarei o tema de viagem que temos usado 
de exemplo em outros momentos do livro. 


Exercício de entrevistas com usuários 
Passo 1 


O primeiro passo das entrevistas é listar tudo aquilo que você 
quer descobrir durante elas. Aqui estamos falando sobre quais são 
os objetivos ao falar com pessoas. Por exemplo: 


e Aspirações ao viajar; 

e Receios ao viajar; 

e Barreira do idioma para voos internacionais; 

e Autonomia e influência na decisão de destinos e roteiros; 
e Organização da viagem; 

e Sensibilidade a preço; 

e Diferença entre viagem a lazer e a trabalho. 


Passo 2 


Depois de entender os objetivos das entrevistas, formule entre 
10 a 15 perguntas relacionadas aos objetivos que você quer 
descobrir. É importante evitar fazer perguntas fechadas que vão 
limitar o usuário a apenas responder sim ou não. Use e abuse de 
perguntas utilizando por que, quando e como. Por exemplo: 


e Como acontece o processo de decisão da escolha de 
destinos? 
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e Quais são os tipos de viagens que você costuma fazer? 

e Quem são as pessoas que costumam viajar com você? 

e Onde e quando acontece a compra de passagens, 
hospedagem e serviços extras? 

e Como acontece o planejamento da viagem? Quais são as 
ferramentas utilizadas? 

e Quais são os tipos de dificuldades encontradas no processo 
atual? 

e Quais são os critérios de escolha do destino? Preço, 
localização, atividades? 


Passo 3 


Agora, formule uma atividade para deixar a entrevista mais 
leve e interessante. Crie uma lista de atributos que servem para os 
usuários filtrarem os seus destinos favoritos. Depois, faça cartões 
com todos eles, imprima-os e peça para a pessoa organizar na 
ordem que faça sentido para ela. 


O objetivo aqui é entender por que o usuário escolheu aquela 
sequência e também pedir para ele falar o que não faz sentido na 
lista. Alguns exemplos de atributos são: 


e Quanto gostaria de investir na viagem; 

e Duração da viagem; 

e Temas de interesse (aventura, natureza, praias, familiar, 
romance); 

e Período do ano; 

e Atividades (restaurantes, parques, museus). 


O resultado dessa organização serve para você priorizar e 
entender o que é importante para as pessoas no momento em que 
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elas vão buscar o seu próximo destino de viagem. Você também 
pode usar o resultado para pensar na sequência de filtros que faz 
sentido para elas. 


Por exemplo, você pode descobrir na atividade que a maioria 
das pessoas prefere viajar para lugares com praia, viagens de uma 
semana e escolhem as atividades que vão fazer no local de acordo 
com o período do ano. Esse resultado pode orientar a forma na 
qual você criará filtros para elas buscarem destinos dentro do seu 
produto. 


Ela também serve para eliminar aquilo que talvez não faça 
sentido naquele momento. As pessoas começam a verificar o custo 
da viagem quando a decisão de compra está mais clara na cabeça 
delas. Por isso, talvez não faça sentido ter um filtro por budget no 
primeiro momento da experiência, em que elas ainda estão 
decidindo sobre o próximo destino. 


Passo 4 


Agora, escolha as pessoas que você precisa recrutar para as 
entrevistas. Como a entrevista é sobre viagem, você precisa definir 
algumas que vão ajudá-lo a saber se ela se encaixa no perfil que 
você precisa. 


Antes de pensar nas perguntas para a seleção das pessoas 
corretas, defina os critérios. Você pode fazer o seguinte recorte 
para a entrevista: 


e Pessoas que fizeram, pelo menos, uma viagem nos últimos 
12 meses; 

e Metade das pessoas precisam ter comprado passagens em 
agências de viagens; 
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Pessoas que possuem filhos; 


Casais; 


Pessoas que costumam viajar sozinhas; 


Pessoas que tenham entre 21 a 60 anos. 


Os critérios são definidos de acordo com o objetivo das 
entrevistas. Ele nos ajuda a fazer uma boa distribuição para as 
entrevistas. Só tome cuidado para não criar muitos critérios e, 
assim, não dificultar o seu processo de recrutamento. 


Passo 5 


Após as sessões de pesquisa, é hora de identificar padrões e 
semelhanças nas respostas dos usuários e agrupá-los em temas. Os 
padrões serão encontrados através de respostas semelhantes de 
usuários diferentes. 


Alguns exemplos de padrões em um projeto sobre viagem 
podem ser: 


e A escolha do período da viagem é feita quando as pessoas 
podem viajar; 

e Cada viagem tem um propósito diferente. As mesmas 
pessoas podem ter propósitos completamente diferentes de 
acordo com o tipo de viagem; 

e Viagem a lazer e a trabalho têm muitas diferenças em 
relação a conforto, escolha do período e preocupação com 


preço. 
Passo 6 


Pegue citações que retratem os temas encontrados. Pode ser 
simplesmente uma frase do usuário afirmando aquilo que você 
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encontrou, ou mesmo um recorte do vídeo da entrevista (caso você 
tenha gravado a sessão). 


Uma frase poderia ser de seu usuário afirmando que a escolha 
de destino é baseada na preferência dos filhos, ou mesmo de outros 
membros da família. Esse comportamento pode ser comum a 
várias pessoas. Pegue uma frase ou vídeo do usuário dizendo 
exatamente isso. O resultado das entrevistas serve para ajudar a 
materializar todas as conclusões que foram feitas e para orientar 
todas as decisões de design que traremos ao produto desenvolvido. 


Criação de personas 


Todo o aprendizado coletado nas entrevistas com os usuários é 
a principal base para a criação das personas. Não se deve inventar 
as personas da sua cabeça, ou somente baseando-se em uma 
pesquisa quantitativa. 


Na maioria dos projetos, o cliente tem algumas ideias de quem 
é o seu público, e as pesquisas em profundidade nos ajudam a 
confirmar realmente com quem precisamos falar e qual é a 
prioridade de cada persona. 


É muito difícil se imaginar tendo de consumir milhares de 
anotações feitas durante as entrevistas com usuários para tomar 
decisões de design. Todas as decisões devem ser tomadas sempre 
levando em consideração as características e as necessidades das 
personas criadas. Por isso, elas nos ajudam nas decisões para o 
produto e servem de orientação no momento de discutir relevância 
de cada funcionalidade, por exemplo. 


As personas são os arquétipos que representam os principais 
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padrões de comportamentos identificados nas entrevistas com os 
usuários. Para ficar mais claro, vou utilizar um exemplo do projeto 
de esportes em que trabalhei recentemente. 


Nesse projeto, realizamos entrevistas com mais de 10 pessoas 
para entender profundamente sobre os hábitos de consumo dos 
seus esportes prediletos. Ao final da pesquisa, criamos duas 
personas que representavam os hábitos e os objetivos identificados 
nas entrevistas. 


A primeira persona, chamamos de Lucas e ele representa um 
grupo de usuários que usa o esporte como meio de socialização, 
estando sempre antenado em tudo o que acontece ao seu redor. Já 
a outra persona, Vitor, precisa entender para se divertir e é aquele 
cara que se lembra da escalação do seu time do coração na final do 
campeonato que aconteceu há mais de 10 anos. 


Alan Cooper, autor do livro About face (COOPER; REIMANN; 
CRONIN, 2014), diz que as personas nos fornecem uma forma 
precisa de pensar e comunicar sobre o comportamento de um 
determinado grupo de pessoas. O foco é definir como pensam, o 
que querem fazer e quais são os seus objetivos ao realizar uma 
determinada tarefa. 


É muito importante ter cada uma das personas na cabeça no 
momento de pensar e desenhar funcionalidades para o produto. 
Ela é uma forma de criarmos empatia entre quem usa e quem 
desenha um produto digital. 


O método mais usado e conhecido sobre criação de personas 
está no livro About face. Para criar as personas, é importante 
envolver todos as pessoas que participaram das entrevistas em 


2.1 FASE DE DESCOBERTA 33 


profundidade. A ideia é pegar os usuários entrevistados e 
posicioná-los em eixos que foram identificados pelo time. 


No projeto de esportes que falei, alguns eixos que identificamos 
foram: 


e Pessoas que pagariam por conteúdo e pessoas que não 
pagariam; 

e Pessoas que acreditam mais nos fatos e pessoas que 
preferem ouvir a opinião; 

e Pessoas que acham o esporte coisa séria e pessoas que o 
acompanham apenas para se divertir. 


Uma vez posicionados os usuários nos eixos, é o momento de 
analisar para entender quais são os principais padrões de 
comportamentos em cima das pessoas que foram entrevistadas. 
Nesse momento de criação das personas, é importante ter 
sensibilidade e confiar no feeling das que participaram das 
entrevistas. 


Não existe um número ideal de personas. Já trabalhei em 
projetos que tinham apenas um tipo. 


Depois de criado, é o momento de representar as personas para 
que elas não saiam da cabeça do time que vai trabalhar no produto. 
É hora de dar nome e sobrenome, ter uma foto e listar as principais 
características que representam cada uma. É importante também 
pensar em elementos visuais que ajudam a fortalecer as 
características de cada um. A foto a seguir representa as duas que 
citei no início deste tópico. 


34 2.1 FASE DE DESCOBERTA 








Vitor 
Femandes. 








Figura 2.1: Dois personas que representam apaixonados por esportes. Fonte: Projeto de que 
participei pela Huge em 2016 


Desk research (pesquisa de mercado) 


A pesquisa de mercado consiste em um levantamento de 
informações disponíveis em diversas fontes, como: dados do 
próprio cliente, publicações de instituições de pesquisa, dados na 
internet, revistas do setor, jornais, relatórios anuais de empresas 
etc. O objetivo dessa pesquisa é ter um material que seja 
complementar ao que já foi identificado nas entrevistas com os 
stakeholders e usuários. 


A participação de um perfil de estratégia nessa atividade é 
fundamental, porque traz um olhar mais de mercado e as 
principais tendências de uma determinada indústria. Ainda no 
exemplo do projeto de esportes que usei, a pesquisa que fizemos 
para o projeto deveria apontar quais seriam as tendências do setor, 
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se tratando do consumo de esporte como mídia, no Brasil e em 
outros lugares do mundo. 


Para realizar a pesquisa, definimos alguns temas que 
exploraríamos e aprofundamos o conhecimento em cada um deles. 
Os principais temas que mais aprendemos foram sobre o consumo 
de streaming em relação a esportes ao vivo e como a nova geração 
consome conteúdo de maneira geral. 


Quando se trata de streaming, pela pesquisa, descobrimos que 
as pessoas queriam mais independência em relação à assinatura de 
serviços de streaming; com isso, os canais pagos estavam perdendo 
relevância para os serviços que funcionam somente online, como o 
Netflix. Em relação ao consumo de conteúdo, conseguimos 
entender que a nova geração já não tem mais paciência de 
consumir conteúdos longos e que não oferecem nenhum tipo de 
interação. Eles querem participar na construção do conteúdo e 
querem dar sua opinião em tudo. 


Existem diversas fontes para entender sobre determinados 
assuntos. O importante é consumir mídias que são confiáveis e 
tomar cuidado para estudar bastante sobre um determinado 
assunto e não conseguir resumir. A sua pesquisa pode começar 
simplesmente pelo Google e pode ser feita, inclusive, em uma 
publicação sobre o tema com o qual você está trabalhando. 


Utilizamos bastante o site Think With Google 
(https://www.thinkwithgoogle.com/intl/pt-br/). Nele, o Google 
publica frequentemente artigos sobre comportamentos em 
diversos setores. Tem muito material sobre o uso do mobile. 
Algumas consultorias (como as gigantes Accenture e McKinsey) 
também publicam vários relatórios sobre o comportamento de 
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consumo em diversas indústrias. 


Também é importante utilizar o Google Alert. Ele é um serviço 
do Google que retorna resultados diretamente no seu e-mail sobre 
o tema que você quer entender melhor. 


Após a pesquisa, é preciso consolidar todo o aprendizado e 
compartilhar com o time e o cliente as principais tendências que 
podem impactar ou contribuir para a construção do produto que 
será desenhado. Neste momento, o cliente deve entender o que não 
faz sentido para o seu negócio e com o que ele pode se aproveitar 
de algo que ninguém ainda está olhando. 


2.2 VISÃO DO PRODUTO 


Infelizmente, o mercado ainda não está maduro em relação ao 
pensamento de produto como uma estratégia que vai fazer 
diferença para uma marca. Muitas empresas acabam caindo na 
armadilha de pensar que uma estratégia de produto está totalmente 
relacionada com a ideia de criar as funcionalidades que vão existir 
no produto, cometendo o engano de achar que uma estratégia de 
produto são coisas como: 


e Criar uma plataforma que vai ajudar músicos a 
compartilhar suas produções; 

e Criar um sistema para ajudar as pessoas a encontrar 
empregos; 

e Criar um serviço para que as pessoas possam vender seus 
imóveis. 


Os exemplos citados não se tratam de estratégia, são apenas 
planos. Estratégia de produto é uma estrutura para que a empresa 
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consiga atingir seus objetivos através de plataformas digitais. E a 
estrutura precisa estar alinhada com as necessidades de negócios, 
com os usuários e as tendências de mercado. Para desenhar uma 
boa estratégia de produto, é preciso ter um olhar clínico para esses 
três pilares citados. 


Primeiro, precisamos fazer as entrevistas com os stakeholders 
para nos ajudar a entender quais são os pontos fortes que vão 
definir os pilares estratégicos para o produto. Podemos concluir 
que a estratégia de produto nasce com a realidade do mercado e as 
necessidades dos usuários, e os pontos fortes da empresa ajudarão 
a alcançar o objetivo final. 


Só para citar um exemplo, talvez não seja muito interessante 
focar em um produto para o segmento de TV a cabo se uma 
tendência muito forte for de as pessoas cancelarem esse tipo de 
serviço nos próximos anos. Essa mudança está ocorrendo por 
existirem serviços que estão totalmente focados no consumo de 
streaming, como o Netflix. O risco de falhar é muito grande caso 
uma empresa ainda queira apostar na ideia. É para isso que serve 
toda a etapa de descoberta. 


O UX Designer precisa evoluir a skill de estratégia para que ele 
possa trazer esse aprendizado para o produto que será construído. 
Assim, ele conseguirá traduzir a visão estratégica nas interfaces do 
produto, visando às necessidades de negócios e os usuários. 


Ter um olhar de estratégia para o UX Designer ainda não é 
uma realidade no Brasil no momento em que escrevo este livro, 
mas essa questão está mudando bastante e será bem diferente nos 
próximos anos. Isso mostra que a nossa profissão vai muito além 
de pensar somente na tela final do produto. 
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Porém, é fundamental que o UX Designer tenha claro na 
cabeça o que e por que precisa ter na interface para que todos os 
objetivos definidos na estratégia sejam alcançados com as 
interfaces. Tendo toda estratégia definida e o que precisa ser 
alcançado, é hora de começar a pensar como isso se materializa em 
soluções de interfaces - o que pode ser resolvido em um produto 
ou em um ecossistema de iniciativas digitais. 


Concepção de produto 


Este momento do projeto é onde a criatividade deve reinar 
para que tudo o que foi aprendido durante as etapas anteriores 
ganhe vida. Aqui, tudo fica mais fácil depois de uma longa imersão 
na etapa de descoberta, na qual aprendemos profundamente sobre 
o cliente, os usuários e o mercado. 


Josh Payton, vice-presidente de UX da Huge (Londres), explica 
em um vídeo publicado no Vimeo o processo de design da 
empresa. A Huge é uma agência criada em 1999 nos Estados 
Unidos e tem como objetivo criar produtos digitais focados nos 
usuários. Trabalhei na empresa no Brasil por quase 4 anos e tive a 
oportunidade de ver tudo isso em prática. 


Voltando ao vídeo, Josh mostra o que acontece durante a fase 
de geração de ideias e durante a criação de um produto na 
empresa. O nome do vídeo é: Josh Payton: The Huge Design Process 
- Making Something You Love, disponível em: 
https://vimeo.com/67893302. 


Josh diz que é preciso olhar para o usuário para que 
consigamos transformar os negócios através de experiências 
marcantes. Ele retrata a importância do trabalho colaborativo para 
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que haja soluções diferentes para o mesmo problema. 


O objetivo inicialmente é usar todos os componentes do time 
para pensar sobre o problema que é mais importante. E esse 
trabalho colaborativo faz com que todos cresçam ao exporem suas 
ideias para o restante do time. Com isso, novas ideias surgem, e 
todos fazem parte da construção de uma solução que gerará 
diferença na vida das pessoas e impactará o negócio para o qual 
estamos trabalhando. 


Normalmente, a concepção de produto acontece após a etapa 
de descoberta, e é muito importante retratar aquilo que foi 
aprendido durante o período de pesquisa com usuários, 
stakeholders e mercado. É claro que nada impede que as ideias 
nasçam a partir do primeiro dia do projeto, contanto que elas 
sejam expostas aos usuários para serem validadas durante a 
construção. 


É preciso entender que a investigação com usuários que usarão 
o produto ajuda a validar algumas ideias que podem fazer sentido 
somente na cabeça do time. Muitas vezes o que funciona para um 
projeto e um determinado grupo de usuários pode não funcionar 
para outros. Tente pensar fora da caixa, porém, não se esqueça de 
que as pessoas que não tem o conhecimento de design nem tanta 
experiência com tecnologia se comportam de maneira diferente. 
Por isso, a validação das nossas ideias é fundamental. 


Devemos concordar que nem sempre quantidade é igual à 
qualidade. Mas a minha experiência de trabalhar com diferentes 
times e perfis de profissionais me faz acreditar que, para se chegar 
em boas soluções, é preciso muita experimentação e teste. Assim, 
isso me fez enxergar que boas soluções de design só surgem com a 


40 2.2 VISÃO DO PRODUTO 


quantidade de horas que você está disposto a dedicar ao seu 
trabalho. 


O brainstorm é um método muito conhecido e usado no 
mundo da publicidade. Nada mais é do que reunir pessoas em um 
mesmo lugar para pensar em ideias, sem que haja um julgamento 
inicial delas. Aprendi ao longo da minha carreira que é mais 
efetivo — fazendo as ideias ganharem ainda mais força em grupo - 
quando cada um consegue estudar as possibilidades 
individualmente. Assim, esses encontros ficam ainda mais 
produtivos, porque todos tiveram tempo de refletir e trabalhar na 
evolução de cada ideia. 


Boas ideias são mais importantes do que qualquer ferramenta. 
É mais rico quando começamos a pensar em ideias primeiramente 
no papel e, só depois, partimos para o computador. No livro Roube 
como um artista, escrito por Austin Kleon e Leonardo Villa-forte 
(2013), existe um capítulo inteiro dedicado à importância de 
sairmos de frente da tela. 


Os autores dizem que o computador rouba o sentimento de 
que estamos verdadeiramente criando coisas. Austin diz ainda que 
existe um escritório analógico e outro, digital. A ideia é partir para 
o escritório digital somente depois de trabalhar as ideias no 
analógico. O escritório analógico não tem nada além de marca- 
textos, canetas, lápis, papel, cartões e jornal. 
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O computador estimula o perfeccionista perturbado em nós - 
começamos a editar ideias antes de tê-las. (KLEON; VILLA- 


FORTE, 2013, p. 66) 





É muito importante determinar um tempo para a fase criativa. 
Este deve ser estabelecido tanto para a geração como para o 
compartilhamento das ideias. Esse momento pode ser dividido 
entre uma etapa na qual cada um estuda isoladamente tudo o que 
foi aprendido sobre cliente, usuários e mercado, e comece a 
colocar ideias no papel. Depois, o time se reúne para cada um 
apresentar o que pensou e, em cima disso, discutir novas ideias. 
Assim, as ideias se manifestam através de sketches produzidos com 
papel e caneta com objetivo de mostrar como alguns problemas 
são resolvidos por meio de interfaces, fluxos e jornadas de usuário. 


Depois de vários sketches feitos e discutidos, podemos partir 
para os wireframes, que são desenhos mais detalhados que os 
sketches, com o propósito de comunicar as melhores decisões 
estruturais de uma interface ou fluxo. Eles são bastante úteis para 
discutir ideias com o time e os clientes, e também para direcionar o 
trabalho de Visual Design e desenvolvimento. 


Irene Pereyra, ex-diretora de UX e estratégia da Fantasy 
Interactive e atual sócia do estúdio de design Anton & Irene, 
mostra em seu portfólio a importância que devemos entregar nessa 
fase criativa do projeto. Irene diz que sempre inicia um novo 
trabalho pensando em como será toda a experiência. 


Ela diz que é importante pensar como o usuário vai transitar 
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pelas principais páginas do produto. Uma vez que o produto esteja 
bem pensado, isto torna-se base de tudo que virá depois. A figura a 
seguir mostra um exemplo do que ela fala: 


MO 


Omanie) 





Figura 2.2: Imagem que representa como deve-se pensar um framework de produto. Fonte: 
Portfolio da Irene Pereira 


Ela defende a ideia de projetar todas as telas desktop e mobile 
simultaneamente. Isso tudo para acabar com a buzzword mobile 
first. Irene levanta a importância de testar cada componente em 
diferentes tamanhos ao mesmo tempo para ver se faz sentido para 
o projeto como um todo. 


Não existe uma forma padrão nem uma receita de bolo de 
como fazer acontecer essa fase de concepção do produto. Tudo 
dependerá da composição do time para entender como cada perfil 
pode ser aproveitado da melhor maneira possível. Neste momento, 
o mais interessante é se afastar um pouco das regras e limitações, e 
tentar pensar em diferentes maneiras de resolver o mesmo 
problema. 


Depois que você quebrou a cabeça jogando suas ideias no papel 
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e discutindo-as junto com o time, é o momento de começar a 
documentar tudo isso para que nada se perca nas próximas etapas. 
Também não existe nenhuma regra sobre qual ferramenta utilizar 
para documentar as decisões do projeto. Devemos usar a que mais 
nos faz sentir à vontade e que nos proporciona maior velocidade 
em nosso trabalho. 


A recomendação, antes de qualquer coisa, é tentar usar a 
ferramenta que a maioria do time está usando. Com isso, toda a 
comunicação ficará mais fácil, e outras pessoas podem trabalhar no 
arquivo que você iniciou. 


Essa fase do projeto deve ser feita a quatro mãos, e é o 
momento certo de incluir todos os perfis envolvidos no projeto. O 
trabalho em conjunto ajudará a deixar mais interessante tudo o 
que for pensado para o novo produto. Um dos principais papeis do 
perfil UX Designer é comunicar quais são os objetivos e 
necessidades dos usuários, e trazer para o time quais são as 
informações que precisam ter em cada página do produto para que 
as necessidades sejam atendidas. 


Pensar fora da caixa e tentar ir além nesse momento são pontos 
muito bem-vindos e recomendados. Entretanto, tente também 
colocar os desenvolvedores na mesa para discutir sobre a 
viabilidade técnica de algumas ideias. Assim, conseguimos tornar 
possíveis as ideias mais disruptivas para o produto, e quem vai 
desenvolver e colocar no ar também sente-se parte do time e dono 
das soluções criativas. Uma vez que as soluções já foram criadas e 
discutidas, é o momento de expor para as pessoas que vão usar 
aquilo que estamos projetando. 


Card Sorting 


44 2.2 VISÃO DO PRODUTO 


A atividade de Card Sorting também ajuda bastante no 
momento da concepção de produto. O objetivo deste método é 
receber inputs valiosos de como as pessoas pensam na organização 
de conteúdo de acordo com o modelo mental de cada um. 


Esse método pode ser usado para a criação de um novo 
produto, ou mesmo para rever a estrutura de um site ou aplicativo 
que já esteja no ar atualmente. Funciona da seguinte forma: basta 
pedir para os usuários agruparem conteúdos e funcionalidades em 
categorias que façam sentido para eles. 


No primeiro projeto de que participei quando trabalhei na 
Huge, em abril de 2014, usamos o Card Sorting porque queríamos 
entender como as pessoas organizavam os programas dos diversos 
canais da Discovery Networks. O objetivo do projeto era criar um 
aplicativo unificando todos os canais da empresa. E nesse caso, 
estávamos falando de programas de diversos temas de interesses 
tanto para adultos como para crianças, com o Discovery Kids, por 
exemplo. 


Na época, usamos o método para validar algumas hipóteses 
que eram totalmente certas na cabeça do cliente. Além de 
confirmar algumas, a pesquisa nos trouxe ideias de algumas 
funcionalidades que o produto poderia ter. 


A principal hipótese que queríamos validar era se as pessoas 
procurariam os conteúdos da Discovery Networks somente pelos 
canais. Queríamos entender como era o modelo das pessoas ao 
assistirem diversos tipos de programas diferentes. 


O Card Sorting nos ajudou a ver como os usuários pensavam e 
trouxe vários inputs de como poderíamos organizar o conteúdo. 
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Ficou claro na validação que a mesma pessoa poderia odiar e amar 
programas do mesmo canal. 


Para fazer o Card Sorting, fizemos a impressão dos cartões de 
todos os programas da empresa e fomos até a casa de algumas 
pessoas. Pedíamos para elas organizarem os cartões da forma que 
fazia sentido em sua cabeça, e depois, pedíamos que elas criassem 
nomes para os agrupamentos. 


2.3 DESENHO DE INTERFACES 


No capítulo 4. Desenho de interfaces, veremos mais sobre esta 
etapa, mas aqui já é possível ver quais são os principais entregáveis 
e as vantagens de cada um. Gosto de chamar de entregável, porém 
nem sempre o que é produzido pelo UX Designer é entregue ou 
apresentado diretamente ao cliente. Normalmente, o design de 
interface serve como base de comunicação entre Visual Designers, 
desenvolvedores, redatores e até mesmo clientes. 


Wireframes 


É um guia visual que comunica a estrutura de uma página. O 
wireframe é mais detalhado que o sketch e tem como objetivo 
principal mostrar a hierarquia e os principais elementos que 
compõem uma determinada interface. 


É bastante útil para discutir as ideias do produto e também é o 
documento que direcionará o trabalho e a etapa de Visual Design. 
O papel do Visual Designer é interpretar o wireframe e, em cima 
dele, propor soluções visuais que estão de acordo com a estrutura 
pensada para a página. 
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Os desenvolvedores também o utilizam como base para iniciar 
o desenvolvimento do gerenciador de conteúdo. Um gerenciador 
de conteúdo é um sistema no qual será possível cadastrar todo o 
conteúdo que aparece em um site ou aplicativo. 


Visual Design 


No início do mercado digital, às vezes uma pessoa precisava 
bater o escanteio e correr para área para poder cabecear. Claro que 
isso mudou bastante nos últimos anos e, na maioria dos casos, os 
profissionais são mais fortes em determinadas skills. 


Uma skill muito importante na construção de um produto é a 
de Visual Design. Ela é fundamental, pois as interfaces começam a 
ganhar vida através das cores, da tipografia, do tipo de imagens, da 
iconografia, entre outros elementos que podem fazer parte do 
produto que está sendo criado. O importante aqui é que tenha 
muita sinergia entre o UX Designer (que está mais focado na 
função) e o Visual Designer (que está focado na forma). Como diz 
Oscar Niemeyer: Se você ficar preocupado só com a função, fica 
uma merda”. 


Protótipos 


O protótipo é uma simulação de como vão funcionar as 
principais interações em um produto digital. É a forma mais rápida 
de validar e testar uma determinada funcionalidade antes de 
desenvolver do começo ao fim. 


O protótipo deve ser feito o mais próximo do real para que o 
usuário interaja. Hoje em dia, existem centenas de ferramentas que 
servem para produzir um protótipo sem a necessidade de 
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conhecimento de programação. Dependo da complexidade, um 
protótipo pode ser feito em um dia, ou mesmo em horas. 


A fase de desenho de interfaces é o melhor momento para 
criar, testar e corrigir os problemas antes que o projeto entre na 
fase de desenvolvimento. O importante aqui é ser rápido e testar o 
quanto antes. É melhor errar aqui do que colocar um produto no 
ar que não vai funcionar. 


2.4 VALIDAÇÃO COM USUÁRIOS 


Agora que as ideias foram criadas, discutidas e materializadas, 
precisamos entender se fazem sentido para as pessoas que vão usar 
o serviço que estamos projetando. Uma forma de fazer essa 
validação é expor as melhores soluções aos usuários reais que vão 
usar aquilo na ponta. 


Aproveite este momento também para aprender ainda mais 
sobre as novas hipóteses que talvez não foram respondidas nas 
entrevistas iniciais com eles. Mais do que validar as ideias, cada 
contato com usuários é uma nova oportunidade de aprender ainda 
mais. 


O objetivo da validação é entender mais como o usuário pensa, 
o que espera de um determinado produto, como interage com ele, 
e quais são os potenciais riscos de a solução não prosperar. Esse 
tipo de validação é mais direta e associada às soluções pensadas, e 
está totalmente relacionada com a interação com produtos digitais 
- sendo diferente das entrevistas com os usuários, porque seus 
objetivos são muito mais específicos. 
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Teste de usabilidade 


Outra forma de validar um produto é por meio de testes de 
usabilidade. A diferença entre um teste de usabilidade e uma 
validação de solução é que o teste é focado em performance de 
tarefas. Nele, para os usuários realizarem algumas tarefas que são 
críticas para o sucesso de um produto. Ele é mais recomendado 
quando o produto está mais evoluído, e os protótipos estão 
funcionando e podem ser testados sem maiores problemas. 


Durante minha carreira, tive a felicidade de realizar testes de 
usabilidade em diversos cenários diferentes. Inclusive, já liderei um 
com um deficiente visual, e esta situação me fez aprender que, 
quando estamos desenhando, não temos de colocar aquilo que 
gostamos na frente do que faz sentido para o público para o qual 
estamos projetando. Cada projeto tem um público diferente e é 
importante entender o modelo mental dessas pessoas. 


Este é o momento de envolver todos as pessoas que estão 
trabalhando no projeto, inclusive os perfis responsáveis por 
fazerem sua parte mais visual. É importante que todos perceberam 
e concordem que o que parece óbvio para nós, designers, nem 
sempre será óbvio para o usuário final. 


No capítulo 5. Usabilidade em produtos digitais, vamos nos 
aprofundar mais sobre todas as questões que envolve um teste de 
usabilidade e o passo a passo na criação de um teste, e tratar sobre 
a importância da usabilidade como um todo na construção de 
interfaces digitais. 


Teste A/B 
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Trata-se de oferecer duas versões de uma mesma interface para 
diferentes usuários e medir qual deles tem melhores resultados. 
Esse método é ótimo para melhorar a taxa de conversão de e- 
commerce, por exemplo. 


Esse tipo de teste é excelente para mudanças que causam 
insegurança no cliente — principalmente em fluxos que são críticos 
financeiramente para as empresas. Para esse tipo de situação, vale 
fazer uma mudança de design e testar se funciona apenas com um 
grupo de usuários. 


O Netflix costuma realizar muitos testes A/B para entender o 
que faz as pessoas decidirem por um filme ou uma série. Eles 
evoluíram as capas dos programas ao longo do tempo e 
perceberam que colocar as imagens de rosto de atores principais 
funciona melhor do que colocar uma imagem mais neutra que 
representa a série ou o filme. Eles também chegaram a personalizar 
a capa do conteúdo de acordo com o que o usuário costuma 
assistir. Por exemplo, se uma pessoa costuma assistir conteúdos 
mais leves, até mesmo a capa de uma série mais pesada pode ter 
uma mais leve para ficar de acordo com o interesse do que aquela 
pessoa consome. Na prática, isso quer dizer que uma mesma série 
pode ter capa diferente de acordo com o público. 


Análise heurística 


É uma técnica de avaliação que leva em consideração as boas 
práticas de UX. A análise heurística tem o objetivo de levantar os 
pontos fracos e propor recomendações que ajudarão a melhorar o 
produto. 


Atualmente, existem algumas bases prontas de heurísticas que 
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podem ser muito específicas para determinados tipos de projetos, 
ou que podem ser mais abrangentes. A heurística mais conhecida 
(e usada) é a de Jakob Nielsen. Ela foi criada nos anos 90, como 
método de inspeção para encontrar determinados tipos de 
problemas nas interfaces dos usuários. 


Para realizar uma boa análise heurística, é necessário um 
pequeno grupo de avaliadores com experiências sólidas em 
usabilidade, para examinar a interface e avaliar a sua conformidade 
com a lista de princípios de usabilidade escolhida previamente (as 
heurísticas). Jakob Nielsen recomenda utilizar normalmente de 
três a cinco avaliadores, mas essa regra pode variar de acordo com 
as necessidades do projeto. 


Também existe uma visão mais moderna e completa, criada 
pela arquiteta de informação Abby Covert, autora do livro How to 
make sense of any mess (2014), que conseguiu fazer uma versão 
mais próxima entre design e usabilidade. Veja as heurísticas 
criadas por ela: 


1. Encontrável: os usuários precisam encontrar o que estão 
procurando no produto. 


2. Acessível: é possível acessar o produto em qualquer 
plataforma? Existe uma consistência entre os canais? 


3. Claro: é fácil de entender? Os usuários conseguem completar 
as tarefas sem problemas? 


4. Comunicativo: todas as mensagens de interação e status dos 
usuários são claras? As mensagens ajudam as pessoas a 
entenderem o que está acontecendo? 
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5. Usável: os usuários são capazes de completar as tarefas sem 
nenhuma frustração? As opções de navegação são suficientes 
para os usuários ir aonde quiser dentro do produto? 


6. Digno de confiança: o design é apropriado para o contexto 
de uso e a audiência? É fácil de entrar em contato com uma 
pessoa real? 


7. Controlável: os erros são antecipados e controlados? É fácil 
para o usuário desfazer um erro? 


8. Valioso: é desejável para o usuário usar? Ele melhora a 
satisfação do consumidor? 


9. Fácil de aprender: o usuário aprende a realizar as tarefas 
facilmente? É consistente ao longo da navegação? 


10. Agradável: a experiência é muito mais agradável do que a 
dos concorrentes? O que você está provendo é inesperado? 


A heurística pode ser realizada em cima desses 10 princípios. 
Defina o valor mínimo para cada heurística e faça a análise de um 
produto seguindo esses critérios. O importante é manter uma 
consistência entre eles. 


Vou pegar uma das heurísticas criadas pela Abby para usar 
como exemplo. Vamos supor que o critério "Fácil de aprender" 
precisa ter uma nota mínima de 8 de, pelo menos, três 
profissionais de usabilidade. Usemos o aplicativo de celular do 
Netflix como exemplo. 


Será que é simples buscar um filme ou série para assistir? Se os 
três avaliadores entenderem que existe uma dificuldade de 
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aprendizado no aplicativo de celular, é sinal que a empresa precisa 
rever como melhorar esse quesito em todo o produto. 


Depois das fases anteriores, já temos toda a definição de 
produto e as principais ideias testadas, então, chegou a hora de 
produzir e continuar evoluindo o produto. A construção deve ser 
conduzida com ciclos iterativos, que servem para reduzir o tempo 
entre ideias e aprendizados. 


2.5 CONCLUSÃO 


Neste capítulo, de maneira geral, vimos as principais atividades 
na construção de um produto digital. Tratamos desde a fase inicial 
de descoberta até o momento de ideação e validação com usuários. 


No capítulo a seguir, entraremos mais a fundo em algumas das 
mais importantes fases. A ideia aqui foi organizar as informações 
da maneira que faz mais sentido dentro da construção de um 
produto digital. 


Lembre-se de que não se trata de uma receita de bolo, e não 
necessariamente precisa seguir esta ordem que estamos tratando. 
O importante mesmo é conhecer cada momento e seus objetivos 
para que você possa testar dentro do seu projeto e analisar o que 
faz sentido para cada caso. E tudo muda de acordo com cada 
problema que precisa ser resolvido. 


No próximo capítulo, vamos abordar a etapa de Arquitetura de 
Informação. Explicaremos o que é, sua importância dentro de um 
projeto e como deve ser feita. 
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CaríTULO 3 


ARQUITETURA DE 
INFORMAÇÃO 


31 O QUE É ARQUITETURA DE 
INFORMAÇÃO 


A etapa de Arquitetura de Informação é uma das atividades 
mais importantes na construção de um produto digital. É a arte e a 
ciência de organizar a informação de websites, intranets, 
aplicativos e softwares, com o objetivo de tornar o conteúdo rápido 
de encontrar, de modo que as pessoas possam compreendê-lo mais 
facilmente. 


Também existe uma definição que ainda faz mais sentido 
quando se trata do nosso trabalho com ambientes digitais: 
combinação de organização, nomenclaturas e esquemas de 
navegação de um sistema interativo. 


É importante entender que Arquitetura de Informação é muito 
mais do que materializar wireframes, sitemaps e fluxos. Esses 
documentos são apenas como se traduz um estudo mais profundo 
que precisa ser realizado durante o processo de criação da 
estrutura de conteúdo (de um produto digital). 


Designers que trabalham com produtos digitais devem ter um 
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bom conhecimento sobre a disciplina de Arquitetura de 
Informação, mas a skill está muito mais presente no dia a dia de 
um UX Designer. Os primeiros profissionais de UX do Brasil eram 
chamados de Arquitetos de Informação. O blog mais famoso sobre 
a área carregou por muito tempo o nome da disciplina, inclusive 
na URL. O endereço original do site UX Design Brasil 
(https://brasil.uxdesign.cc/) era arquiteturadeinformacao.com. 


Richard Saul Wurman foi uma das primeiras pessoas a pregar 
o termo Arquitetura de Informação. Wurman escreveu vários 
livros sobre a área e um deles é especial: Ansiedade de informação: 
como transformar informação em compreensão. Este foi escrito há 
20 anos, na época em que Saul defendia que não temos explosão de 
informação, mas sim de dados que precisam do ser humano para 
serem organizados. 


Outro livro bastante importante sobre o assunto é: Information 
architecture: for the web and beyond, mais conhecido como o livro 
do Urso Polar. Apesar de ser a publicação mais antiga sobre a área, 
a quarta edição foi lançada recentemente em 2015. É recomendada 
a leitura, mesmo para as pessoas que tiveram a oportunidade de ler 
as edições anteriores. As coisas mudaram tanto que a terceira 
edição do livro foi escrita antes do lançamento do iPhone, em 
2007. E isso faz muito tempo quando se trata de um assunto 
técnico. 


Devido ao crescimento de novas tecnologias e novos processos 
de construção de sites, aplicativos e sistemas, o UX Designer 
precisou se preocupar com várias outras atividades, e a disciplina 
de Arquitetura de Informação acabou ficando esquecida. Porém, o 
volume de informação hoje em dia está muito mais abundante do 
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que antes, porque as pessoas não usam somente um computador; 
elas usam celulares, tablets, smartwatches, caixas eletrônicos e 
vários outros produtos que estão conectados à internet. 


A Arquitetura de Informação está presente em todos os lugares 
onde existe informação; está presente nas conversas mais 
eficientes, rápidas e agradáveis. Para entender melhor, vamos 
utilizar um diálogo ruim no trabalho para mostrar uma situação 
ineficiente, com uma informação mal estrutura, para ver como 
podemos melhorá-la apenas prestando atenção na estrutura. 


Pessoa A - Fala, cara! Você já teve resposta daquele e-mail de 
ontem? 


Pessoa B - De qual cliente? 


Pessoa A - Do pessoal da Coca-Cola. 


Pessoa B - Mas de qual projeto? 


Pessoa A - Do aplicativo de promoções da Fanta. 





Perceba que o diálogo tornou-se ineficiente porque as 
perguntas foram feitas sempre sem contexto. Faltou contextualizar 
qual era exatamente o e-mail, o cliente e o projeto.** A conversa se 
tornaria muito mais eficiente se fosse feita da seguinte forma: 
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Pessoa A - Fala, cara! Você teve resposta do e-mail do pessoal 
da Coca-Cola de ontem, sobre o projeto do novo aplicativo 
de promoções da Fanta? 


Pessoa B - Ah, sim. Eles disseram que está OK e podemos 


iniciar o projeto na próxima segunda-feira. 





Viu como a conversa ficou mais simples e objetiva? Pense 
sobre isso quando você for escrever um e-mail em seu local de 
trabalho, ou for passar uma informação de destino para um taxista. 


A boa Arquitetura de Informação pode evitar que você seja 
levado para uma rua com o mesmo nome só porque esqueceu de 
mencionar o bairro. Esse é um tipo de problema extremamente 
provável de acontecer em grandes cidades, como Rio de Janeiro e 
São Paulo. 


A estrutura de um livro é outro bom exemplo de como a 
Arquitetura de Informação se materializa. Um livro é dividido em 
capítulos, índice, capa, orelha, contracapa etc. É possível fazer uma 
metáfora da seguinte forma: é como se o índice fosse um menu de 
navegação, e os capítulos fossem as páginas de destino de um 
website. 


Logo a sequência de leitura determina como o leitor pode ler o 
livro. A leitura pode ser sequencial, ou o leitor pode ir diretamente 
para um capítulo específico. E a página de um livro, por exemplo, 
apresenta toda a estrutura de informação necessária para ser 
considerada uma página. 
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Normalmente, uma página contém títulos, subtítulos, 
parágrafos, destaques, quotes etc. Já o índice remissivo tem um 
papel parecido com uma busca de um sistema. A imagem a seguir 
faz um comparativo muito legal entre a estrutura de um livro e os 
entregáveis da Arquitetura de Informação. 


Entregáveis de Al. 


Livros Entregável 
Organização entre capítulos Sitemap 
Sequência de leitura Fluxo 

Página Wireframes 
Títulos Rótulos 
Índice Remissivo Busca 


Figura 3.1: Comparativo entre os entregáveis de um livro e os entregáveis da Arquitetura de 
Informação: Fonte: Imagem retirada do Bootcamp de UX da Huge 


Existem também outros exemplos de como a Arquitetura de 
Informação se manifesta: 


e Alfabética - usada em sistemas com um volume de 
informação bastante grande e abrangente. 

e Links de navegação em websites e aplicativos. 

e Seções, rótulos e nomes das coisas em um cardápio de 
restaurante. 
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e Categoria, rótulos e tarefas em um software ou aplicativo. 
e A sinalização que direciona os passageiros em um 
aeroporto. 


Definitivamente dependemos da Arquitetura de Informação 
para que o mundo ao nosso redor faça sentido. A tecnologia 
continuará mudando com uma velocidade assustadora, mas alguns 
padrões de organização dificilmente mudarão na mesma 
velocidade. Por isso, é fundamental conhecer a essência de como 
podemos fazer uma boa Arquitetura de Informação, independente 
do contexto em que ela será aplicada. 


3.2 O QUE É PRECISO CONHECER PARA 
ORGANIZAR BEM A INFORMAÇÃO 


Um projeto de Arquitetura de Informação deve levar em 
consideração o contexto, o conteúdo e o usuário. Existe um gráfico 
bem famoso, criado nas primeiras versões do livro do Urso Polar, 
que mostra como existe uma interseção entre contexto, conteúdo e 
usuário. A Arquitetura de Informação é o elemento que deve estar 
no centro de tudo isso. 
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Contexto 


Conteúdo Usuário 


Figura 3.2: Imagem retirada do livro Information Architecture: for the web and beyond 
(ROSENFELD; MORVILLE; ARANGO, 2015) 


Contexto 


Entender o contexto é uma parte essencial para se construir 
uma Arquitetura de Informação que faça sentido para quem vai 
usar um produto. Para se construir uma boa estrutura, deve-se 
conhecer quais são os objetivos de negócio, a cultura da empresa, 
as oportunidades de mercado e as restrições tecnológicas. Todas 
essas questões podem e devem influenciar na estrutura que será 
proposta. 


Nessa etapa, é fundamental deixar claro para a empresa que a 
estrutura organizacional não deve ser representada no menu 
principal de navegação. Este é um risco muito comum, 
principalmente quando se trata de empresas que têm diversas áreas 
e segmentos de atuação bem separados. Parece bobeira, mas 
muitas discussões podem acontecer porque determinadas áreas 
querem ser representadas na navegação principal. 
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Fazer parte da navegação principal não é mais sinônimo de 
importância, ainda mais porque vivemos em um momento em que 
as pessoas usam o menu para navegar em um site cada vez menos, 
e o Google está aí para mostrar isso com a sua poderosa ferramenta 
de busca. 


Entender os objetivos de negócio e a cultura da empresa faz 
com que saibamos claramente o que pode influenciar na 
organização do conteúdo para as pessoas. Uma determinada 
empresa pode ter diversos conteúdos que mudam de acordo com o 
período do ano. 


Em um produto de esportes, por exemplo, devemos pensar em 
como eventos da Copa do Mundo e da Olimpíadas impactam na 
navegação diretamente na organização. Para responder esse tipo de 
pergunta, é preciso olhar como a estratégia da empresa está 
preparada ao longo dos próximos meses, ou mesmo anos. 


Conteúdo 


A definição de conteúdo é bastante ampla. É tudo aquilo que 
está presente em aplicações, serviços, metadados e documentos, e 
que as pessoas usam para interagir com os sistemas. Em resumo, 
são as “coisas” presentes em sites e aplicativos. É importante 
entender que conteúdo é diferente de funcionalidade e até mesmo 
os serviços mais focados em tarefas como um fluxo de compra, por 
exemplo, têm diversos tipos de conteúdos. 


Muitos sistemas digitais são ótimos serviços de comunicação e 
são feitos através de palavras e sentenças com um significado. O 
conteúdo em um e-commerce serve para ajudar as pessoas a 
decidirem pela compra. São as descrições do produto, os reviews e 
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as imagens, por exemplo. 


O conteúdo é algo que deve ser pensado no momento inicial de 
um projeto. Não podemos cair no erro de tratar uma das coisas 
mais importantes aos 45 minutos do segundo tempo. Este é um 
problema antigo que acontecia nos modelos antigos de produção. 
Se o conteúdo é o rei, temos de tratá-lo como tal e cuidar para que 
não seja esquecido. 


Usuário 


Não podemos esquecer que usuários são pessoas; e pessoas têm 
desejos, necessidades, preocupações e, principalmente, manias. 
Entender suas preferências e hábitos nos ajuda a pensar nas 
melhores estruturas de navegação para diferentes públicos, de 
acordo com a necessidade de cada um. 


Em um e-commerce, existem pessoas que vão usar categorias 
como informática e tablets, eletroportáteis, e móveis e decoração 
para chegar aonde desejam. Também teremos aquelas pessoas que 
estão mais decididas sobre o que querem comprar e, 
provavelmente, usarão a ferramenta de busca. 


Para construir uma boa Arquitetura de Informação, temos de 
levar em consideração o background de cada tipo de usuário. Um 
site construído para o mercado de advogados tem uma linguagem 
completamente diferente de um feito para compra de ingressos, 
por exemplo. 


Um profissional de advocacia tem sua linguagem própria. É 
preciso entender melhor o seu vocabulário para construir algo que 
ele consiga usar com facilidade. Só conseguimos chegar a esse 
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resultado quando conversamos e entendemos melhor o público 
para o qual estamos criando. 


Também existe um mesmo produto que pode ter diferentes 
perfis de usuários - o que torna o desafio ainda maior no 
momento de organizar o conteúdo. Precisamos pensar sobre o 
modelo mental de cada perfil e ter a certeza de que a estrutura 
proposta faz sentido para todos. 


Claro que nem sempre os diferentes perfis têm a mesma 
prioridade em um site. O mais importante é conseguir entender 
como funciona essa prioridade e construir algo em que todos 
consigam se localizar, sem grandes dificuldades. 


3.3 COMPONENTES DA ARQUITETURA DE 
INFORMAÇÃO 


A Arquitetura de Informação é formada por 4 componentes: 


1. Sistemas de organização; 
2. Classificação; 

3. Navegação; 

4. Busca, 


Alguns princípios de navegação ajudam a fortalecer os 4 
componentes citados. O primeiro princípio chama-se navegação 
Top-Down. A navegação Top-Down precisa responder questões 
básicas para que uma pessoa não se sinta perdida ao navegar por 
um site ou aplicativo. Ela deve garantir as seguintes respostas: 


e Onde estou? 
e Eu sei o que estou procurando? 
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O que é importante e único sobre esta empresa? 


O que há disponível neste site? 


O que está acontecendo aqui? 
e Como eu acesso minha conta? 


DO / E umncaba goumraginesno x Pager 





Mais benefícios para o trabalhador 


Contas inativas 


do FGTS 





Figura 3.3: Página inicial do site da Caixa Econômica - Fonte: http://www.caixa.gov.br/ 


A navegação principal do site da Caixa Econômica Federal 
apresenta uma área que leva os usuários para conhecer todos os 
produtos, benefícios, programas sociais, atendimento e poder 
público. Existem também outros links secundários e mais 
específicos para aquele usuário que sabe muito bem aquilo que está 
procurando. 


A navegação principal tem o papel de trazer o core da empresa, 
sempre com uma linguagem que o usuário final entenda. No caso 
da Caixa, isto é algo muito difícil de resolver, porque se trata de um 
serviço feito para todo brasileiro. É um produto que atende desde o 
cliente que deseja solicitar um novo cartão de crédito até o cidadão 
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que deseja fazer uma consulta do seu PIS. 


Outro princípio muito importante é a navegação Bottom-Up. 
Nela, o usuário consegue se aprofundar em um site ou aplicativo a 
partir de um conteúdo que ele escolheu navegar. Ela precisa 
responder algumas perguntas, como: 


e Onde estou? 
e O que tem aqui? 
e Para onde posso ir a partir daqui? 


Usando o site da Caixa como exemplo novamente, seria a 
navegação de suporte ou relacionada a página do cartão de crédito. 
Cada subpágina tem sua própria navegação que ajuda o usuário a 
se aprofundar ainda mais no conteúdo. É fundamental entender as 
diferenças entre a navegação Top-Down e Bottom-Up para 
entramos no entendimento dos 4 componentes que formam a 
Arquitetura de Informação. 


Sistema de organização 


A organização da informação tem uma relação muito forte de 
como entendemos o mundo. Trabalhamos em departamentos que 
estão organizados dentro de empresas, que fazem parte de uma 
determinada indústria. Vivemos em cidades que fazem parte de 
um estado e pertencem a um país. 


Antes da era digital, o desafio de organizar a informação era 
muito mais controlado devido ao volume de informação 
disponível. No início da indústria digital, era muito mais fácil 
organizar conteúdos dos primeiros sites que surgiram. As 
ferramentas de buscas de informação não eram eficientes como são 
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atualmente. É uma época antes do Google; quem é mais novo deve 
ter dificuldade de entender como tudo funcionava antes dessa 
poderosa ferramenta de busca. 


Para organizar a informação, é preciso levar em conta as 
diferentes perspectivas de quem vai consumir e, principalmente, os 
objetivos internos das empresas. A forma como organizamos os 
conteúdos de um determinado site ou aplicativo tem um impacto 
direto de como as empresas são percebidas pelos seus 
consumidores. 


Como um UX Designer, você precisa ter sensibilidade e 
conhecer profundamente as limitações internas do cliente. Além 
disso, é preciso lembrá-lo sempre de que aquilo que está sendo 
projetado deve falar a língua de quem vai usar, não de quem 
atualizará o conteúdo, ou de como a empresa está estruturada da 
porta para dentro. 


Existem diversas formas de organização que devemos conhecer 
no momento de projetar um sistema de informação. Acima de 
tudo, é fundamental ter bom senso e saber usar o melhor esquema 
em cada situação. Os principais e mais antigos esquemas de 
organização são: 


Ordem alfabética; 
Ordem cronológica; 


Geográfica; 


Orientado por tarefa; 
e Por tipo de público. 


É fundamental pensar em um sistema de organização que seja 
o mais simples possível e que não exija tanto esforço das pessoas 
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para ser entendido. Claro que é preciso avaliar projeto por projeto 
para entender qual é a melhor abordagem e quais os usuários terão 
mais facilidade de entender e usar. 


Nos ambientes digitais, existem duas formas de organizar o 
conteúdo. A primeira delas é por meio de uma árvore de 
navegação que tem menos itens no primeiro nível. São aqueles 
sites que apresentam poucos itens em um primeiro momento, e 
uma quantidade maior de itens em um segundo momento. 


O site do Itaú é assim. A home tem apenas três links, que são: 
Produtos, Seus Objetivos e Atendimento. Nesse caso, às vezes as 
pessoas precisam clicar em um ou mais item para encontrar o que 
precisa. 


Existe também a navegação que apresenta mais itens no 
primeiro nível, e menos no segundo. Chamamos este tipo de 
hierarquia ampla e rasa. Neste caso, os usuários precisam se 
esforçar mais para ler tudo que o primeiro nível apresenta para 
encontrar aquilo que precisa. 


Não existe uma resposta certa de qual é a melhor abordagem. 
Acredito mais na primeira opção, porque venho percebendo em 
testes de usabilidade que as pessoas ficam mais perdidas quando se 
deparam com muitas opções em um primeiro momento. 


Não adianta também querer mostrar tudo para as pessoas ao 
mesmo tempo. Quanto mais informações elas precisam absorver, 
mais perdidas elas ficam. Algumas pesquisas apontam que o ser 
humano tem um limite e consegue lembrar de apenas 7 coisas por 
vez. Então, tome cuidado ao colocar todas as opções de navegação 
de um site no mesmo local. 
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Tente mostrar mais itens conforme o usuário vai se 
aprofundando no conteúdo. Tente se aproveitar mais de cada 
contexto específico. Não precisa mostrar os benefícios de um 
cartão de crédito se o usuário nem manifestou o interesse em ter 
um cartão de crédito. É importante oferecer uma coisa de cada vez 
e em pequenas doses. 


O site atual do Itaú, por exemplo, segue a abordagem de ter 
poucas opções de navegação no menu principal, e mais opções 
quando o usuário passa o mouse sobre os links principais. Esse 
tipo de estrutura é mais comum em produtos que possuem uma 
quantidade imensa de itens de navegação. Assim, o usuário não 
fica assustado logo ao entrar no site e consegue entender 
rapidamente onde pode encontrar o que precisa para realizar sua 
tarefa. 
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Figura 3.4: Menu de produtos do site do Itaú - Fonte: https://www.itau.com.br/ 
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Sistema de classificação 


Usamos o sistema de classificação para organizar grupos de 
informação. Os produtos digitais possuem diversas nomenclaturas 
que, tecnicamente, chamamos de rótulo. O termo Fale Conosco é 
um exemplo muito comum e representa um grupo de informação 
que vai ajudar o usuário a ser atendido por uma determinada 
empresa. 


Criamos os rótulos quando nomeamos coisas do dia a dia que 
estão ao nosso redor, e muitas vezes o fazemos mesmo sem 
perceber. Temos de pensar nos rótulos quando criamos um título 
para uma reunião ou documento, ou na hora de escrever um e- 
mail importante; lembre-se de que você pode precisar recuperar 
alguma informação desse e-mail no futuro. Por isso, quanto mais 
claro estiver o rótulo, mais fácil será de encontrar qualquer 
informação. 


Na hora de criar os rótulos, é importante entender se usuário 
de fato entende o que vai acontecer ao clicar em um determinado 
link. O rótulo precisa comunicar isto de forma muito rápida e 
eficiente. Não faça com que as pessoas precisem pensar muito no 
que vai acontecer a seguir. Isso torna frustrante qualquer 
experiência. 


Os rótulos têm uma característica diferente de uma 
comunicação em tempo real. Na comunicação em tempo real, 
temos a oportunidade de aprimorar as informações até que a 
mensagem esteja clara. Já não temos a mesma oportunidade de 
fazer isso nos produtos digitais. Se não comunicamos claramente o 
propósito de um site ou aplicativo, podemos perder a chance de as 
pessoas usarem nosso produto. 
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Devemos pensar em rótulos que nos ajudem a criar conversas 
entre pessoas e sistemas. Para entender se essa conversa ocorre de 
maneira suave, entre no seu site favorito, olhe para os itens de 
navegação e perceba se o papo acontece de maneira natural. Se não 
acontece, tente se perguntar o porquê. 


O que poderia ficar melhor? Tente fazer o exercício de olhar 
para um item de navegação e veja se você sabe exatamente o que 
vai acontecer após o clique. Se ficou difícil de entender, é porque o 


rótulo não está bem resolvido. 





Os rótulos da versão brasileira do site da Mastercard não são 
difíceis de entender à primeira vista. Mas basta olhar com mais 
atenção para logo perceber que alguns itens poderiam ser muito 
menos genéricos. 


O menu principal apresenta as seguintes opções: Produtos, 
Soluções Digitais, Serviços, e Ofertas e Promoções. Vamos 
analisar cada um dos itens para entender alguns perigos que 
podem acontecer. 


Produtos 


Quais seriam os produtos que uma empresa de cartão de 
crédito pode oferecer? Todos são igualmente importantes? Muito 
cuidado ao usar termos que sejam genéricos ou específicos demais. 
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Se o usuário está em um site de cartões, seria mais direto se o 
menu tivesse o rótulo de cartões logo de cara. Isto facilita a vida de 
quem procura apenas um cartão de crédito para solicitar, por 
exemplo. 


Soluções Digitais 


Soluções digitais podem ter diversas coisas. Um site por si só é 
uma solução digital; um aplicativo é uma solução digital. Pagar 
uma fatura online também é uma solução digital. Sem olhar o que 
existe dentro do menu, não faço ideia do que posso encontrar 
nesse item. Sempre faça essa pergunta antes de definir o rótulo. 


Serviços 


Serviços é outro termo bastante genérico utilizado em websites. 
Esse item é tão perigoso quanto um chamado Outros links. 
Podemos ter qualquer opção dentro de um rótulo chamado 
Serviços. Os três primeiros itens da navegação do site da 
Mastercard são genéricos demais e não deixam claro o que 
exatamente existe dentro de cada um. Já o último item, Ofertas e 
Promoções, é muito mais simples e claro saber o que vamos 
encontrar ao clicar. 


Os rótulos não se resumem aos itens de navegação de um site. 
Eles estão presentes também nos links contextuais dentro das 
páginas, nos títulos das páginas e, principalmente, nos botões que 
nos convidam para uma determinada ação. 


Conceito de Microcopy 


Microcopy é um pedaço de texto que ajuda a guiar o usuário 
através de uma tarefa em um produto digital. Eles são bastante 
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usados como textos de orientação em dezenas de formulários que 
preenchemos diariamente. Esses microtextos estão presentes em 
botões, em mensagens de erro e sucesso, e nas instruções de 
preenchimento dos campos em formulário, por exemplo. 


Existe um curso muito bacana sobre microcopy no site da 
Skillshare (https://goo.gl/p8hMYS). O objetivo é mostrar a 
importância que os textos de orientação possuem. O instrutor 
utiliza alguns exemplos de produtos e a importância de ficar atento 
ao momento de criar os textos que ajudarão os usuários a 
concluírem suas tarefas. 


O nível de concentração das pessoas está muito dividido em 
várias coisas ao mesmo tempo e, em alguns momentos, é natural 
que exista muito menos paciência para informações em site. Por 
isso, muita gente fala que o usuário não lê. Não podemos levar isso 
tão ao pé da letra, porém temos de analisar se estamos sendo claros 
na comunicação. 


Fabrício Teixeira fala em seu livro Introdução e boas práticas 
em UX Design (2014) que o microcopy pode ser representado sob 
dois aspectos: um mais funcional, e outro mais emocional. 


O aspecto funcional é deixar claro e simples a função de todos 
os estados, sem causar nenhum ruído na comunicação. Lembre-se 
de que não estamos ao lado da pessoa para deixar a conversa mais 
clara. 


Já o aspecto emocional é muito mais abstrato e trabalha muito 
com o conceito do produto ou serviço. Os botões de reaction 
(reação) do Facebook são bons exemplos nesse sentido. Trata-se de 
uma evolução do botão Curtir que foi criado no início da rede 
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social. Agora existem reações mais emocionais em relação ao 
conteúdo da timeline, assim você não precisa passar pela situação 
desagradável de curtir algo muito triste que aconteceu com seu 
familiar ou amigo. 


00699560 


Figura 3.6: Botões de reactions do Facebook - Fonte: 
https://www.engadget.com/2016/02/24/facebook-reactions 


Junto com o microcopy, também temos as microinterações que 
ajudam o usuário a entender como realizar uma determinada 
tarefa. O ambiente digital é mais vivo e diferente de um cartaz, no 
qual não é possível interagir e você precisa comunicar tudo em um 
mesmo lugar, de uma vez só. 


Dan Saffer aborda o assunto em seu livro Microinteractions e 
dá muitas dicas úteis na hora de escrever os textos que queremos 
abordar em uma interface. Seguem algumas dicas importantes na 
hora de pensar nos textos de orientação: 


e Evite rótulos vagos, como “Enviar” ou “Próximo”. Tente 
deixar claro o que acontece após o clique no botão. O 
tempo das pessoas é muito precioso. 

e Tenha certeza de que o usuário consegue ler o texto de 
forma fácil. 

e Teste os rótulos que podem parecer mais polêmicos, 
principalmente aqueles que são bem diferentes do site ou 
do aplicativo atual. Às vezes, os clientes se apegam muito 
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aos rótulos que não funcionam, mas parecem fazer muito 
sentido internamente. 

e Evite usar uma linguagem muito técnica. Fale a língua dos 
seres humanos. Se você não se preocupar e pensar nos 
textos da sua interface, alguém vai “pensar” e você 
precisará ter muita sorte de a pessoa ter a mesma 
preocupação que a sua. 
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Figura 3.7: Imagem retirada do UX Bootcamp da Huge 
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revistas jornais livros 
digitais digitais ebooks 


DO Revistas digitais vermais> 





Os rótulos podem ajudar. 


Figura 3.8: Imagem retirada do UX Bootcamp da Huge 


A figura anterior é de um site feito por alguns amigos que 
trabalharam comigo na Huge Brasil e foi feito entre 2012 e 2013. 
Ele foi criado com o objetivo de vender e-books, revistas digitais e 
jornais digitais. O desafio do time na época era garantir que 
ninguém compraria um livro no site achando que o livro era 
impresso — principalmente porque a venda de conteúdo digital era 
bastante nova no Brasil. 


Para resolver o problema de vez e não correr riscos, a melhor 
forma de fazer isso foi incluir o rótulo digital abaixo de revistas, 
jornais e e-books. Claro que pode parecer inconsistente, mas os 
rótulos deixam claro para o usuário o que exatamente ele vai 
comprar no site. 
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Figura 3.9: Onboarding da ferramenta Slack - Fonte: https://www.useronboard.com/how- 
slack-onboards-new-users/ 


A etapa de onboard na ferramenta Slack é outro bom exemplo 
de como podemos utilizar o aspecto emocional em uma interface e 
tornar a conversa mais leve e agradável. O Slack sempre deixa claro 
por que está pedindo uma determinada informação. Isso mostra 
que a empresa está preocupada com que cada campo preenchido 
pelo usuário faça muita diferença na experiência do produto ao 
final. 


No caso da imagem anterior, o Slack pede o nome do time e, ao 
mesmo tempo, mostra onde essas informações vão aparecer; ainda 
explica que não precisa ser formal. O texto deixa claro exatamente 
o que o usuário precisa fazer. 


Equilibrar o que faz sentido para a empresa e o que o usuário 
vai entender é o que define um bom rótulo para um menu ou para 
um botão de ação. Outro exemplo muito legal que já ocorreu em 
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um projeto no qual trabalhei é que, conceitualmente, 
financiamento é considerado um empréstimo dentro da estrutura 
de muitos bancos. Porém, durante as entrevistas com usuários, 
descobrimos que alguns veem financiamento como uma forma de 
investimento. 


Pode parecer inconsistente, mas lembre-se de que o ser 
humano é inconsistente e devemos tomar as decisões com base 
nesta premissa. Não importa se é inconsistente ou não, tem de ser 
fácil para as pessoas entenderam, já que tudo está atrelado ao 
conhecimento de cada tipo de público. 


Existem algumas técnicas que podemos utilizar para nos ajudar 
na escolha de rótulos mais eficientes. Podemos fazer um Search 
Log, uma análise competitiva, entrevistas com usuários, testes de 
usabilidade e Card Sorting. Veremos um pouco mais sobre o Card 
Sorting e benefícios de como e quando fazer. 


O Card Sorting tem o objetivo de entender como o usuário 
pensa na organização de um determinado assunto. E esse 
entendimento acontece durante o agrupamento de ideias e a 
compreensão do modelo mental dos usuários. 


Ele pode ser feito em um momento mais inicial de um projeto 
para conhecer como funciona o modelo mental das pessoas, como 
também pode ser feito em um momento mais final para validar a 
estrutura de navegação pensada para o sistema. À primeira, 
chamamos de Card Sorting aberto, e à segunda, de Card Sorting 
fechado. 


e Card Sorting aberto - A aplicação consiste em imprimir 
cartões do assunto estudado e pedir para as pessoas 
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organizarem os cartões da forma que faz sentido para elas. 
Em seguida, solicitamos que os usuários criem nomes para 
os grupos que foram organizados. O mais importante neste 
exercício é você entender o que está por trás de cada 
escolha das pessoas. Tome cuidado para não usar palavras 
que induzam a organização dentro de um mesmo grupo. 
As pessoas costumam ser preguiçosas e vão colocar os 
cartões parecidos juntos se vários estiverem, por exemplo, 
com a palavra serviços. 


e Card Sorting fechado - A objetivo desse Card Sorting é 
pedir para os usuários organizarem os cartões dentro de 
grupos já criados anteriormente. O objetivo é validar a 
estrutura de navegação já criada pelo time do projeto. Claro 
que nada impede as pessoas de sugerirem novas categorias 
durante a aplicação. O usuário pode dizer que um 
determinado cartão não se encaixa em nenhuma categoria 
já criada. 


Exercício de Card Sorting aberto 


Passo 1 


O primeiro passo é definir qual indústria usaremos para criar 
um Card Sorting aberto. Neste exercício, vamos utilizar o 
segmento de viagens para entender como fazer na prática. 


Passo 2 


Depois de definido o segmento, é o momento de criar os 
cartões sobre o conteúdo que precisa ser organizado. Vamos usar o 
conteúdo de um site de uma companhia aérea para definir os 
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cartões. Os cartões que vamos pedir para as pessoas organizarem 
são os seguintes: 


e Fazer check-in; 

e Comprar passagens; 

e Ofertas e promoções; 

e Transporte entre aeroportos; 
e Seguro viagem; 

e Alugue um carro; 

e Reserve seu hotel; 

e Pet na cabine; 

e Documentos para embarcar; 
e Bagagem despachada de mão; 
e Vacinas; 

e Entenda seu cartão de embarque; 
e Dicas de viagem; 

e Necessidades especiais; 

e Assento extra; 

e História da empresa; 

e Patrocínios e eventos; 

e Rastreador de bagagem. 


Passo 3 


Depois de criar todos os cartões, temos de pensar se o estudo 
será feito através de uma ferramenta online ou com cartões 
impressos. O Card Sorting remoto em uma ferramenta online 
permite a realização do estudo de forma quantitativa, e é mais 
simples e rápido de fazer. Já o Card Sorting com cartões impressos 
permite que você consiga colher insights pela organização de forma 
qualitativa. 
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Passo 4 


Depois de criar os cartões e definir como o estudo será feito, 
faça o recrutamento de quem vai participar do estudo. Se a 
pesquisa for feita em uma ferramenta online, esta opção permite 
fazer com um número maior de pessoas responda. Agora, se o 
estudo for presencial, com cartões impressos, exigirá uma 
preocupação maior com quem será recrutado. 


Passo 5 


Peça para as pessoas organizarem o conteúdo de acordo com o 
modelo mental delas. Depois de cada pessoa terminar a 
organização, peça para criar nomes para os grupos criados. O 
nome dos grupos pode ser feito com post-its. 


A pessoa deve escrever o nome que faz sentido ao grupo 
organizado, e este deve ser posicionado ao lado ou em cima do 
grupo. O resultado pode gerar modelos conceituais diferentes. Por 
exemplo, podemos ter um grupo de usuários que organizou as 
informações por momento da viagem, e outro grupo de usuários 
que organizou o conteúdo pela relação que o público tem ou 
gostaria de ter com o segmento. 


O modelo conceitual 1 pode conter as seguintes categorias: 


e Antes de embarcar; 

e No aeroporto; 

e Durante o voo; 

e Pesquisa e compra de passagem. 


Já o modelo conceitual 2 pode conter as seguintes categorias: 
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Melhorar o serviço urgentemente; 


Caro demais; 
Mimar o cliente; 


Não compro com companhia aérea. 


Passo 6 


Depois de realizar a pesquisa, chegou o momento de analisar 
todos os resultados. O primeiro passo é entender qual é a 
similaridade entre os grupos criados por diferentes usuários. A 
ferramenta Optimal Workshop 
(https://www.optimalworkshop.com/optimalsort) tem uma 
funcionalidade que ajuda a gerar automaticamente um relatório 
sobre a organização. O objetivo aqui é entender todo o processo de 
decisão dos usuários para que oriente a criação da Arquitetura de 
Informação. 


E OPTIMAL 
NM WORKSHOP 





y OptimalSort 


Online Card Sorting Software 





Discover how other people organize your content 





Figura 3.10: Header da versão mobile do site da Apple - Fonte: https://www.apple.com/ 
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Uma forma de olhar os resultados é entender quais cartões 
costumam ser classificados juntos na maior parte dos casos. O 
objetivo é analisar a possibilidade de dois cartões estarem em uma 
mesma categoria. Com uma análise, é possível perceber algumas 
tendências comuns entre os tipos de agrupamentos. 


Sistema de navegação 


A experiência frustrante de ficar perdido em um site é uma 
sensação muito parecida com quando nos perdemos em um lugar 
que não conhecemos muito bem. Um sistema de navegação bem 
projetado tem o propósito de ajudar a reduzir as chances de as 
pessoas se perderem nas ferramentas digitais, e também tem a 
função de tornar o ambiente flexível durante a navegação. 


Antigamente, os sistemas de navegação eram muito mais 
simples e fáceis de entender. O lançamento do iPhone em 2007 foi 
mais do que uma das melhores apresentações de todos os tempos, 
feitas pelo Steve Jobs. O Keynote teve o propósito de mostrar uma 
nova realidade que, hoje, é muito mais fácil de enxergar. 


As pesquisas que tenho participado nos últimos anos me fez 
perceber que já existe uma grande quantidade de pessoas que 
optam por não terem computadores em casa, porque conseguem 
fazer a maioria de suas atividades no celular. A infinidade de 
aplicativos e diversos tamanhos de telas e devices trouxeram 
diversos desafios no momento de pensar em um sistema de 
navegação. Quanto menor a tela, mais difícil é desenhar uma 
navegação que faça sentido para todos os tipos de usuários. 


Projetar um bom sistema de navegação é uma das 
responsabilidades mais importantes do profissional que trabalha 
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com produtos digitais. Esse momento é a hora de questionar e 
pensar muito bem sobre cada decisão que será tomada. 


Será que a navegação principal vai funcionar melhor no topo 
da página? Será que o site precisa ter um rodapé com todos os links 
abertos? Tente não tomar uma decisão como se isso fosse algo 
menos fundamental que qualquer outra coisa do projeto. O mais 
importante aqui é conhecer os padrões de navegação de cada 
plataforma e tomar o cuidado de não precisar reinventar a roda. 


Um sistema de navegação é composto com alguns elementos 
básicos: navegação global, local e contextual. E esses elementos 
servem para apoiar a navegação entre páginas e fluxos. Inclusive, é 
claro que eles podem se comportar de formas diferentes em sites 
desktops, mobile e aplicativos. 


Sistema de navegação global 


É a navegação presente em toda as páginas de um site. 
Normalmente, aparece no topo e no rodapé de cada página, e 
permite acessar qualquer área do site independente de onde o 
usuário esteja. É o que chamamos de porto seguro do usuário. 


iPhone Watch Music Support 





Figura 3.11: Header do site da Apple - Fonte: https://www.apple.com/ 


A barra de navegação do site da Apple mostra bem a hierarquia 
de conteúdo global da empresa. O usuário consegue navegar entre 
todas as categorias de produtos, atendimento, busca e fluxo de 
compra. Para voltar à página inicial, basta clicar na maçã, 
logomarca da empresa. 
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Figura 3.12: Header da versão mobile do site da Apple - Fonte: https://www.apple.com/ 


Já a navegação mobile traz o ícone que chamamos de 
hambúrguer à esquerda, com todos os itens do menu, e o ícone de 
sacola à direita. Na época do Steve Jobs, a Apple resistiu por muito 
tempo fazer um site que funcionasse bem no celular. Hoje em dia, 
nenhuma empresa pode se dar a este luxo. As pessoas estão o 
tempo inteiro em seus celulares. 


Nos últimos anos, passamos pela moda dos famosos 
megamenus e rodapés com todos os links de navegação de um site. 
Vale lembrar também de algumas boas práticas quando você 
precisa, para que o seu site seja facilmente encontrado pelas 
ferramentas de buscas. Quanto mais links e palavras-chaves 
importantes dentro da sua página, mais facilmente o conteúdo será 
lido pelos buscadores do mercado. 


Mas isso não quer dizer que tudo deve estar disponível ao 
mesmo tempo na visão das pessoas. Sites e aplicativos são 
ambientes vivos nos quais as pessoas interagem. 


Sistema de navegação local 


É uma navegação complementar à navegação global. É aquilo 
que não aparece na página inicial de um site. Serve para ajudar o 
usuário a explorar subtemas de um determinado conteúdo. 


O site da Caixa apresenta a navegação local da página de 
Aquisição de Imóvel Novo, um dos principais produtos oferecidos 
pelo banco. Na página, o usuário consegue ir direto para o item 
"Como Contratar", por exemplo. Essa abordagem traz facilidade a 
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uma pessoa que precisa consumir uma informação muito 
específica e entender o processo de contratação. 


990 EJ Aquisição de móvel Navo - F x 


€ > C O wwwcaixa.govbrivoce/habitacao;financiamentojaquisicao-imovel-novo/Paginas/default-aspx 
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O que é 


Com essa linha de financiamento, a Caixa ajuda você e sua família a comprar seu imóvel novo e o 
seu FGTS pode fazer parte do pagamento. O financiamento é feito pelo Sistema Financeiro de 
Habitação e tem como garantia a alienação fiduciária. A prestação não pode ser maior que 30% 





Figura 3.13: Imagem retirada do site da Caixa - Fonte: http://www .caixa.gov.br/ 


Sistema de navegação contextual 


Esse tipo de navegação tem o objetivo de dar opções para o 
usuário continuar explorando informações relacionadas ao 
conteúdo principal que ele está consumindo. Em um site de e- 
commerce, é aquela navegação de produtos relacionados; e em um 
site de esportes, é aquela navegação sobre o time do jogador e os 
jogadores que jogam na mesma posição. 


A ideia da navegação contextual é oferecer mais profundidade 
de conteúdo para o usuário. Sua definição pode ser editorial ou 
totalmente dinâmica. Normalmente, é uma navegação definida por 
uma pessoa que entende do conteúdo e do que pode se relacionar 
de uma forma que faça sentido com o que está sendo publicado. 
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Esse tipo de navegação pode ter um local específico na 
interface, ou fazer parte do corpo do conteúdo. São aqueles links 
presentes em uma notícia que levam para outras notícias, por 
exemplo. 


Existem também os sitemaps e índices que fornecem opções 
complementares de navegação. Eles são muito importantes para 
produtos que possuem uma quantidade enorme de conteúdo. O 
site da OI tem um link no rodapé com o rótulo “Oi de AZ” que 
abre um índice com todos os links do site. Esse tipo de navegação é 
uma alternativa para quem, às vezes, procura algo muito 
específico. 


DD O 0i Como, TV, cota mes x RES 
ERRAR O terra com be t HONAGA i| 














Figura 3.14: Imagem retirada do site da OI - Fonte: http://www.oi.com.br/ 


Sistema de busca 


O sistema de busca também é uma navegação auxiliar. É muito 
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difícil imaginar um site que apresente muito conteúdo que não 
tenha uma ótima busca implementada. Nem sempre as pessoas 
sabem exatamente o que estão procurando, e o Google foi criado 
com o propósito de resolver esse problema. Quem nunca ouviu o 
termo “pergunte ao Google que você encontrará sua resposta"? 


Não é tão simples construir um sistema de busca para um 
produto, então pense duas vezes antes de torná-lo buscável. Pior 
do que não ter um sistema de busca é ter um que não ajuda o 
usuário a encontrar o que procura. Para desenvolver uma busca, 
temos de analisar a quantidade de conteúdo que será oferecida 
dentro de um produto, e é necessário ter bons desenvolvedores que 
entendam bastante sobre semântica. 


Vamos analisar o Netflix para entender melhor a lógica de 
construção de uma ótima ferramenta de busca. O conteúdo do 
Netflix é composto por filmes, séries, shows, documentários etc. 
Todo o acervo do canal é categorizado por gêneros, e é formado 
por personagens que são atores. Logo, a busca no site precisa ser 
flexível para ajudar as pessoas a buscarem da maneira que se 
sentem mais confortáveis. 


Assim, qualquer tipo de usuário conseguirá encontrar aquilo 
que deseja. Muitas vezes, não lembramos o nome de uma 
determinada série indicada por um amigo, mas sabemos o nome 
do ator por já ter assistido vários filmes dele. 
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Figura 3.15: Imagem retirada do site da Netflix - https://www.netflix.com 


Essa figura mostra outra característica que ajuda as pessoas a 
encontrarem aquilo que precisam, mesmo com uma digitação 
incorreta. Veja que digitei o nome do Kevin Spacey com a 
ortografia errada, mas o Netflix mostrou todo o conteúdo 
relacionado ao ator. 


E a busca não se limita a entregar somente aquilo que tem 
participação direta do Kevin, como traz também o conteúdo que, 
de alguma forma, o usuário pode gostar. Claro que todas essas 
regras e relacionamentos devem ser definidos na estratégia da 
Arquitetura de Informação, e ser atualizados constantemente, 
porque são responsáveis pelo conteúdo do site. 


Antes de iniciar qualquer sistema de busca, temos de responder 
algumas questões. A busca é universal? Existem áreas específicas 
da busca? Ela deve buscar no conteúdo todo ou apenas nos 
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metadados? 


Os metadados são as informações invisíveis que servem para 
ajudar a recuperar as informações visíveis para os usuários. 
Basicamente é aquilo que está no sistema e necessariamente não se 
apresenta para o usuário que está procurando algo dentro de um 
site. 


Por exemplo, na página da série House of Cards, no Netflix, 
conseguimos visualizar seu nome, a quantidade de temporadas, o 
título de cada episódio e a descrição do episódio. Porém, também 
existe uma série de tags cadastradas que aparecem somente no 
sistema que ajuda o Netflix a oferecer outra série de que talvez você 
possa gostar. 


3.4 QUAIS SÃO OS ENTREGÁVEIS DA 
ARQUITETURA DE INFORMAÇÃO 


Os entregáveis são a materialização do trabalho feito pelo UX 
Designer. Nem sempre esses documentos são entregues ou 
apresentados aos clientes. Eles servem basicamente para 
comunicar as decisões de design feitas durante o processo de 
trabalho do time. Como falei, a Arquitetura de Informação vai 
além desses entregáveis. 


Sitemaps 


Os sitemaps servem para comunicar as seções hierárquicas e 
como o conteúdo é distribuído entre elas. Os sitemaps servem para 
comunicar a quantidade de templates e tipos de conteúdos que 
pertencem a um site ou aplicativo. 
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Normalmente, os clientes têm muita dificuldade de entender 
esse tipo de documento por eles terem notações mais técnicas. 
Existem os sitemaps mais rasos, quando estamos falando de um 
produto pequeno, e os mais profundos, quando estamos falando de 
um sistema com vários níveis hierárquicos de informação. 


O objetivo do sitemap é comunicar o que é a navegação de 
primeiro nível, a de segundo nível, o grupo de páginas, os fluxos, 
os documentos para download, as funcionalidades e o que mais for 
necessário na estrutura. 


Todas as pessoas envolvidas no projeto precisam entender o 
que os sitemaps trazem. Apesar da dificuldade de entendimento 
dos clientes, existe também a possibilidade de documentar a 
navegação através dos wireframes, que exemplificam como o 
sitemap está estruturado. Dessa maneira, fica simples entender 
como o usuário chegará aos conteúdos e às funcionalidades do 
produto. 
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Figura 3.16: Imagem retirada do UX Bootcamp da Huge 
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Sitemap complexo 


Figura 3.17: Imagem retirada do UX Bootcamp da Huge 


Fluxos 


Os fluxos são os registros de cada etapa de um processo. 
Quando você faz uma compra de um produto na internet, por 
exemplo, você passa pelas etapas que solicitam informações 
pessoais, endereço de entrega e forma de pagamento. Cada 
momento desse fluxo deve ser documentado para que a compra 
funcione corretamente, sem maiores problemas. 


Qualquer mudança no fluxo deve ser documentada para que 
todos fiquem cientes de como será o novo. Toda lógica de um 
fluxo deve ser pensada pelo UX Designer com a participação bem 
especial do desenvolvedor. 
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No fluxo, há o que aparece para o usuário e o que acontece nas 
regras por trás do sistema. É o que acontece quando um sistema 
informa ao usuário que ele já tem cadastro em um determinado 
serviço. Os fluxos também podem ser simples e complexos, 
dependendo do tamanho do sistema em que estamos trabalhando. 
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Figura 3.18: Imagem retirada do UX Bootcamp da Huge 


Existem algumas notações básicas que definem o início do 
processo, uma etapa, pontos de decisão, documentos etc. E nada 
impede que usemos alguns elementos de interface para tornar o 
entendimento mais claro. 


Usamos elementos de interface principalmente em aplicativos. 
Os fluxos servem para que o time de desenvolvimento consiga 
começar a trabalhar em questões técnicas, uma vez que eles têm 
uma visão do todo. 
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3.5 COMO SE APROFUNDAR NO ASSUNTO 


Como falei no início deste capítulo, o livro do Urso Polar é o 
material mais atualizado na disciplina de Arquitetura de 
Informação. Recentemente, lançaram a quarta edição do livro, 
então resolvi lê-lo novamente. Mudou bastante, e vale a leitura 
mesmo para quem já conhece a versão mais antiga. Este tipo de 
indústria muda de forma muito rápida. 


A qualidade do conteúdo sobre a disciplina ainda reina em 
língua inglesa. Em português, recomendo o site Brasil UX Design 
(https://brasil.uxdesign.cc/), comandado pelo Fabrício Teixeira. 


Todo o conhecimento teórico sobre Arquitetura de Informação 
é muito importante, mas não nada substitui colocar a mão na 
massa e aprender com os erros. E o aprendizado fica muito mais 
rápido quando você tem a oportunidade de conviver com quem já 
fez muito. 


3.6 CONCLUSÃO 


Neste capítulo, vimos de maneira geral as principais atividades 
na construção de uma Arquitetura de Informação. Tratamos desde 
a fase de entendimento sobre a disciplina até o que é preciso 
conhecer e se preocupar no momento de organizar a informação 
para as pessoas conseguirem realizar suas tarefas (da maneira mais 
clara e rápida possível). Vimos que entender o contexto, o 
conteúdo e o usuário é o ponto fundamental, e os entregáveis são a 
materialização do trabalho. 


No próximo capítulo, abordaremos como acontece a criação 
do desenho de interface. É onde o produto começa a ganhar vida e 
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conseguimos visualizar como será ao final. É o momento de aplicar 
tudo aquilo que foi aprendido e estruturado até o momento. Será 
possível entender vários métodos utilizados na concepção de um 
produto digital. 
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CAPÍTULO 4 


DESENHO DE INTERFACES 


O desenho de interfaces passa por diversas camadas antes da 
produção do layout e programação final do HTML, CSS, 
JavaScript etc. Ele pode ser representado por meio de um rabisco 
feito em um papel, de um wireframe mais detalhado ou até mesmo 
com um protótipo, com o objetivo de retratar algo mais próximo 
do produto final. 


O UX Designer tem uma participação importante no momento 
do nascimento de uma interface de um produto -mesmo porque é 
ele é uma das pessoas que têm mais conhecimento das ansiedades, 
motivações e necessidades dos usuários identificados na fase de 
pesquisa. A construção das soluções deve ser feita em parceria com 
um Visual Designer. 


O Visual Designer vai ajudar a tornar as soluções iniciais ainda 
mais elegantes e inovadoras. É a junção perfeita entre forma e 
função de produto. 


Durante o processo de construção de uma interface, o 
profissional de UX precisa tomar uma série de decisões que darão 
embasamento para o layout do produto. As decisões passam por 
saber exatamente quais são os tipos de conteúdo e as 
funcionalidades que fazem sentido para o projeto. Também é 
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preciso fazer sentido tanto para a empresa como para o usuário 
que será impactado com a solução. 


O UX Designer deve direcionar o seu esforço para responder 
qual é a primeira coisa que o usuário precisa ver quando chega à 
interface, quais informações são necessárias para que ele entenda 
do que se trata o produto, e como fazer com que ele realize a ação 
que queremos. 


Além de pensar nos conteúdos das páginas, o UX Designer 
também precisa definir a experiência de navegação do produto. 
Irene Pereyra, ex-diretora de estratégia e UX da Fantasy Interactive 
e atual sócia do estúdio de design Anton & Irene, mostra o 
processo de pensar em um framework de experiência antes de 
começarmos a construir uma interface. 


A criação desse framework no início do projeto ajuda a pensar 
se a estrutura que está sendo projetada vai funcionar em diversos 
contextos e plataformas diferentes. Antes de entrarmos nas formas 
de materializar o desenho de interfaces, é importante 
considerarmos algumas etapas que facilitam a construção de uma 
interface. Essas etapas dividem-se em quatro momentos: 


1. Modelagem de conteúdo; 

2. Criação do Framework de Experiência; 

3. Mapeamento de módulos e construção de templates; 
4. Detalhamento do conteúdo dos módulos. 


4.1 MODELAGEM DE CONTEÚDO 


No capítulo anterior, falei sobre a importância e o papel da 
Arquitetura de Informação em um projeto digital. Nesse 
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momento, é possível ter a dimensão de qual será a abordagem de 
Arquitetura de Informação. Também é o momento de definir 
exatamente o que é uma página e o que é somente navegação que 
leva até às páginas. 


A modelagem de conteúdo ajuda todos a terem domínio sobre 
os principais conteúdos utilizados no produto que será desenhado, 
e facilita o entendimento comum de todos. Para fazer uma 
modelagem de conteúdo, é fundamental envolver todo o time do 
projeto, assim, as discussões conceituais serão realizadas com 
todos na mesma página. 


A primeira etapa da modelagem de conteúdo é identificar os 
tipos de conteúdo que vão existir no seu produto. É hora de pensar 
além da página. Em seguida, pense na relação que existirá entre 
eles e comece a detalhar os atributos de cada conteúdo. 


Vamos supor que você é um UX Designer em um escritório de 
design, e tem o desafio de desenhar um novo produto de viagem 
com o foco em vender passagens, hospedagem e serviços. Porém, 
seu dever é fazer isso de uma forma mais aspiracional e menos 
tradicional do que sites que estão preocupados apenas com a parte 
final da jornada, que é a venda. 


Já que estamos falando de um produto de viagem, vou usá-lo 
para mostrar alguns exemplos do que são os tipos de conteúdos, 
algumas relações entre eles e os seus atributos. Nesse caso, os tipos 
são: passagem, destino, atração, hospedagem, roteiro etc. 


Um exemplo de relação que podemos citar é que uma atração 
pode ou não pertencer a um destino, por exemplo. Para finalizar, 
usaremos o destino para falar sobre alguns atributos que 
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pertencem a ele. Os exemplos são: nome do destino, descrição, 
fotos, vídeos, localização, clima etc. 





Figura 4.1: Modelagem Conceitual sobre o tema viagem - Fonte: Imagem retirada de um 
projeto de redesign de um site de venda de passagens feito pela Huge 


Agora que você tem um domínio sobre os tipos de conteúdos, é 
o momento de começar a pensar em como isso tudo se materializa 
por meio de um Framework de Experiência. 


4.2 CRIAÇÃO DO FRAMEWORK DE 
EXPERIÊNCIA 


Um Framework de Experiência tem o papel de definir como as 
principais telas e interações de um produto estão conectadas. Ele 
serve como um encaixe para o conteúdo que será utilizado. A 
definição do framework deve ser estudada de acordo com aquilo 
que você quer manifestar no seu produto. 


Se estamos falando de um site focado em experiências de 
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viagens, devemos pensar em como a experiência se manifesta ao 
longo do uso do produto. Pense em como as pessoas vão conhecer 
novas experiências, lugares e consequentemente, terão 
informações suficientes para comprar passagens de avião, hotel, 
aluguel de carro e outros serviços que estão integrados ao sistema. 


Antes de entrar em detalhes de interação, procure pensar nas 
camadas que vão compor o produto. Normalmente, sites de vendas 
de passagens estão mais focados na etapa final do funil de compra, 
que é fazer um booking. 


Vamos imaginar que o produto que estamos criando terá duas 
camadas antes, acima da ferramenta de booking, e essas camadas 
são destinos e experiências por temas. É como se o usuário 
descobrisse um destino porque ele quer conhecer um lugar 
romântico que serve para passar sua lua de mel, por exemplo. 


Depois de definir quais são as camadas, é o momento de 
explorar diferentes formas de como a experiência vai acontecer. O 
produto final nasce a partir desse momento. Tente rabiscar as 
principais interações e qual será a abordagem primária, secundária, 
navegação de rodapé. 


A figura a seguir mostra um exemplo de Framework de 
Experiência de viagem. Nele, você consegue perceber como será o 
uso do produto que começa de uma maneira mais aberta, focada 
em temas de viagens, até levar o usuário a comprar uma passagem 
ou hospedagem. Perceba que vender é uma consequência de 
conseguir primeiro inspirar, e depois informar sobre aquilo que o 
cliente pode vir a comprar. 
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Aspiracional 


“Eu tenho meu próprio jeito de curtir os 
lugares, fora do comum.” 





Sempre com vc em Aventura em Rara Reservas 
sn o 5 família > Lençois > Zar 
Marani heses Origem Destino 
E m 
Página inicial Página da Experiência Página de destino Fluxo de reserva 


Figura 4.2: Framework que retrata como pode ser a experiência de um produto que 
inicialmente tem como foco vender destinos através de experiências de viagens 


Depois de fazer a modelagem de conteúdo e o Framework de 
Experiência, é o momento de estruturar as seções que os templates 
terão. Esta etapa do trabalho ajuda a ter uma visão holística dos 
módulos que serão usados e reutilizados em vários templates. Aqui 
é o momento de começar a montar o quebra-cabeça do que é 
realmente um sistema. 


4.3 MAPEAMENTO DE MÓDULOS E 
CONSTRUÇÃO DE TEMPLATES 


Quando projetamos um site, um aplicativo, ou até mesmo um 
software, estamos desenhando um sistema que será publicado e 
mantido ao longo do tempo. Por isso, é importante pensar como 
um sistema, que tem os seus padrões, não vira um Frankenstein ao 
longo do tempo. 


O template é um modelo a ser seguido, com uma estrutura 
predefinida, facilita o desenvolvimento e a criação do conteúdo a 


4.3 MAPEAMENTO DE MÓDULOS E CONSTRUÇÃO DE TEMPLATES 101 


partir de algo já construído. É feito a partir da lógica de primeiro 
pensar em elementos e depois em módulos. Os elementos são 
todos os itens que compõe uma tela, por exemplo: botão, título, 
texto, imagem, tabela. A combinação de alguns elementos forma 
um módulo que pode ser usado em um ou mais templates. 


Agora que sabemos o que são elementos, módulos e templates, 
é o momento de mapear todos os módulos necessários em cada 
um. Estes não têm a pretensão de ditar a forma de como ficará o 
design, e sim dar visibilidade em cada template, o que ajuda a 
alcançar os objetivos do projeto. 


O mapeamento de módulos funciona como se fossem camadas 
de um bolo. A imagem a seguir mostra um exemplo de como seria 
a estrutura de uma página de destino. A ideia também é mostrar o 
que são módulos únicos para o template, e módulos que podem ser 
compartilhados com outros. Você pode criar legendas e 
documentar conforme achar necessário dentro do seu projeto. 
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1 Destaque destino 








x 
2 | Sobre o destino 
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3 Experiências 
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es S 
8 relacionados SR : 
E CSS E] Não disponível no 
amada giona lançamento 


Figura 4.3: Mapeamento de módulos/seções de um template de destino de um e-commerce de 
viagens 


4.4 DETALHAMENTO DO CONTEÚDO DOS 
MÓDULOS 


A última etapa antes de começar a desenhar sketches e 
wireframes é o momento de definir exatamente todos os conteúdos 
que deve haver em cada módulo da página. É hora de focar nos 
detalhes e levantar todos os elementos. 


Vamos utilizar um módulo de tours relacionados à experiência, 
para ficar mais claro o que estou falando. O módulo de tour deve 
ter uma imagem que representa o tour, o local, uma descrição, o 
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valor, o serviço incluso (ônibus, agente de viagem), botão de salvar 
em uma lista de desejos e, se for o caso, um botão de compra. 


Esse mapeamento pode ser feito onde for mais conveniente 
para o projeto. É bom usar arquivos compartilhados para facilitar a 
vida de quem for desenhar uma determinada tela e tem o aspecto 
mais colaborativo também. 


O objetivo é visualizar apenas conteúdo. Você também pode 
trazer outras questões importantes para esse levantamento que 
definam um valor de importância para a página, bem como uma 
referência de onde existe esse conteúdo em outro produto. 


Com este trabalho feito, é hora de colocar a mão na massa e 
brincar com a forma de como cada módulo pode ser. Inclusive, fica 
muito mais fácil quando você sabe de que conteúdo se trata. Tente 
iniciar fazendo sketches antes de partir para o computador. 


4.5 SKETCHES 


Pensar fora do computador é um hábito que deve fazer parte 
da rotina do UX Designer. Austin Kleon e Leonardo Villa-forte, 
autores do livro Roube como um artista (2013), escreveram um 
capítulo dedicado à arte de sair da frente da tela do computador 
para criar coisas relevantes e diferentes. 


Segundo Austin, as nossas mãos são os dispositivos mais 
originais que temos. Ele acha que o computador rouba o 
sentimento de que realmente estamos criando coisas. O 
computador é uma ferramenta de produção e edição. Nele, 
estamos totalmente orientados ao que é possível fazer em cada 
ferramenta. A arte de pensar no papel ajuda a colocarmos todas as 
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ideias que estão na nossa cabeça, sem nos preocuparmos 
inicialmente com as limitações técnicas. 


Após todo o levantamento e entendimento sobre o conteúdo e 
a estrutura do produto, é o momento de começar a rabiscar suas 
ideias por meio dos sketches. O sketch é uma ferramenta que vem 
antes do wireframe e serve para comunicar ideias. 


Os esboços iniciais de uma ideia não precisam levar em 
consideração as limitações, como plataformas, ou mesmo questões 
técnicas, como o grid de uma página, tamanhos de fontes, imagens 
etc. O sketch é rápido de fazer e permite a exploração de várias 
soluções em um um espaço curto de tempo. Há quem diga que, 
quando usamos papel e caneta, conseguimos traduzir melhor 
aquilo que está na nossa cabeça. 


O mercado da publicidade tem um método chamado 
brainstorm, cujo objetivo é juntar várias pessoas em um mesmo 
ambiente para pensar em ideias para resolver um problema. Não 
acredito nesse formato, porque muitas vezes ele não permite que as 
pessoas tenham um tempo para pesquisar e estudar sobre um 
determinado assunto. 


Gosto da atividade de sketch porque ajuda as pessoas a 
trazerem soluções em cima do que já foi estudado, discutido e 
pesquisado. Dependendo do tamanho do time, o sketch acaba se 
tornando uma forma de documentar soluções no dia a dia de 
trabalho, principalmente quando os desenvolvedores estão mais 
integrados no projeto desde o início. 


Percebo que ainda existe uma certa resistência em incorporar o 
processo de fazer sketches antes de partir para o wireframe. Muita 
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gente não faz isso simplesmente porque acha que não sabe 
desenhar. Não precisa ser um desenhista para colocar uma ideia no 
papel. O importante é conseguir comunicá-la. 


Saber expressar ideias no papel é uma questão de sobrevivência 
e agilidade no mercado de UX. Fazemos isso o dia inteiro, todos os 
dias. O poder de comunicação é uma das skills mais importantes 
para o perfil que trabalha com design. Se você não consegue contar 
uma boa história, sua solução vai ficar somente na sua cabeça. 


Conheço designers que gostam de fazer sketches muito 
detalhados. Na verdade, o processo de sketch precisa ser bastante 
ágil para que seja eficiente. Deixe para detalhar e refinar quando 
estiver passando para um wireframe no computador. Assim, você 
consegue investir o seu tempo no que mais importa em cada 
momento. 


Fabrício Teixeira (2014), diretor de design da Work & CO em 
Nova Iorque, diz que, quanto mais detalhado for o sketch, menos à 
vontade as pessoas se sentem para dar sugestões de melhorias para 
as soluções, porque o foco da discussão passa ser muito mais em 
cima da forma, e não na função. 


Normalmente, os sketches não são documentos que serão 
entregues para o cliente. Eles servem como uma ferramenta de 
comunicação interna entre o time. Você pode usar essa forma de 
comunicação com o cliente se ele estiver fazendo parte de uma 
dinâmica ou trabalhando diretamente com o time do projeto. 


Procure ter sempre ao seu lado um bloco de notas, papel e 
caneta para que você não perca uma boa ideia de interação ou de 
uma nova funcionalidade para o produto em que você está 
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trabalhando. Na minha mesa, tenho sempre uma folha A3 pronta 
para ser rabiscada por mim e por qualquer pessoa que esteja ao 
meu lado durante o trabalho. 


Use anotações para apoiar as decisões que você tem no 
momento de fazer um sketch. Esse suporte ajuda na comunicação, 
já que o desenho não é tão detalhado. As anotações ajudam a 
lembrar de questões essenciais no momento de defender as ideias. 
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Figura 4.4: Sketch em baixa fidelidade que mostra a estrutura do conteúdo 


Exercício de sketches 


Passo 1 


Separe todo o material que será utilizado na atividade. É bom 


108 4.5 SKETCHES 


usar folhas A3, porque dão mais liberdade de espaço, e canetas de 
ponta grossa, porque se evita apego aos detalhes da interface, 
ajudando a focar mais na ideia. É importante evitar usar borracha 
também; a agilidade aqui é o mais importante. 


É fundamental estabelecer um tempo para a realização da 
atividade de sketch. Ela pode ser dividida da seguinte forma: 


e 10 minutos para desenvolver diferentes ideias; 
e 10 minutos para consolidar em uma ou duas ideias; 
e 10 para apresentar as ideias para todos os integrantes do 


grupo. 
Passo 2 


Antes de botar a mão na massa, vamos definir o problema que 
vamos resolver por meio da atividade de sketch. Temos de ajudar 
as pessoas que precisam comprar passagens aéreas para múltiplos 
trechos. Como essa funcionalidade não é muito comum para as 
pessoas, precisamos criar um fluxo que seja o mais simples possível 
e se aproveite bastante do modelo mental com que elas já estão 
acostumadas - como a compra de somente um trecho, por 
exemplo. 


Para não esquecer o que precisa ser resolvido, escreva o desafio 
através de história de usuário. Veja um exemplo: "Eu, como 
usuário, quero comprar passagens aéreas para múltiplos trechos 
aonde eu consiga levar os meus cachorros comigo.” 


Passo 3 


Divida a atividade em grupo para aproveitar ao máximo a troca 
de ideias que acontece no momento da apresentação das soluções. 
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É fundamental que diferentes perfis envolvidos no projeto 
participem da atividade. 


Tente não limitar a atividade somente aos designers. A 
participação de estrategistas de produto e desenvolvedores é 
fundamental para que se gerem discussões sobre questões de 
negócio e, principalmente, sobre a viabilidade técnica do que está 
sendo proposto. 


Passo 4 


Depois de definir qual problema precisa ser resolvido e quem 
pode participar da dinâmica, liste as informações e ações que 
precisam existir para se fazer um fluxo de compra de passagens de 
múltiplos trechos. Alguns exemplos são: 


e Origem da viagem do trecho 1; 

e Origem do destino do trecho 1; 

e Data do voo do trecho 1; 

e Quantidade de adultos na viagem; 
e Quantidade de crianças; 

e Quantidade de bebês; 

e Código promocional; 

e Botão de editar/excluir trecho; 

e Botão de adicionar trecho; 

e Botão de buscar passagens. 


Passo 5 


Agora é importante estabelecer as principais premissas que 
precisam ter no fluxo que será construído. Elas servem para deixar 
todos atentos sobre o que precisa ser resolvido com os sketches. No 
nosso contexto, elas podem ser as seguintes: 
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e Chegar muito rápido ao resultado de busca; 

e Visualizar com clareza mais de um trecho com inclusão de 
vários passageiros e pets; 

e Aumentar o número de vendas de passagens de vários 
trechos. 


Depois de finalizar o exercício de sketches, organize as 
melhores soluções e parta para o detalhamento das interfaces por 
meio de wireframes. Agora, é o momento de detalhar melhor 
alguns comportamentos. 


4.6 WIREFRAMES 


Uma vez definida toda a estrutura de conteúdo com os 
sketches, para sabermos como a solução vai funcionar, é chegada a 
hora de começar a documentar como será o projeto com os 
wireframes. O wireframe é um desenho mais detalhado que o 
sketch, com o propósito de comunicar as melhores decisões 
estruturais de uma interface ou de um fluxo. 


A mensagem principal do wireframe é definir o conteúdo, a 
hierarquia e as funcionalidades que compõem a página. Ele 
também pode conter um fluxo de interação e algumas indicações 
visuais de como alguns elementos funcionarão, por ser mais 
focado em mostrar a função do que emocionar. 


O wireframe é feito em tons de cinza e sem imagens reais, com 
o objetivo de definir como os elementos se posicionarão na 
composição da página. É bom também evitar o uso de cores para 
que o foco da discussão seja somente estrutural, e não de Visual 
Design. 
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Esse tipo de documentação ajuda a todos visualizarem como 
será, o produto e também contribui para o que será feito como 
linguagem visual. A partir do wireframe, fica muito mais claro o 
esforço do time de desenvolvimento e de produção de conteúdo. 


Ele se parece um pouco com uma planta baixa de uma casa. Se 
a planta de uma casa tem o objetivo de deixar claro como as 
pessoas vão circular pelos ambientes, a função do wireframe é 
mostrar como os usuários vão navegar pelo sistema de forma fácil 
e prazerosa. Durante o processo de desenho, o UX Designer 
precisa levar em consideração diversos fatores, como os objetivos 
de negócios do cliente, as necessidades dos usuários e as limitações 
técnicas do projeto. 








Figura 4.5: Imagem retirada do Keynote do UX Bootcamp da Huge 


Esta figura mostra alguns wireframes feitos para resolver um 
mesmo problema. É muito importante ser desapegado no 
momento de produzi-los, porque o espírito de testar várias 
soluções faz total diferença para o resultado final do produto. A 
beleza do wireframe é que seu custo de produção é baixo, então é 
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possível testar muito e de forma rápida. 


Na maior parte dos projetos em que estiver trabalhando, você 
terá de desenhar páginas mais comuns, como Fale Conosco, 
Perguntas Frequentes, Fluxo de Compra etc. Logo, a pergunta que 
nos fazemos sempre é como podemos fazer uma página para 
vender um produto muito melhor do que o projeto anterior? 


É necessário tomar cuidado para não fugir tanto dos padrões 
com que o público do seu produto já está acostumado, para que 
eles não precisem aprender novos padrões que não contribuem 
para a experiência no final. Já existem muitos padrões de interfaces 
com os quais as pessoas estão habituadas a usar, e nosso desafio é 
construir melhores produtos através de muito experimento. Por 
isso, quanto mais opções você conseguir colocar no papel e testar, 
há mais chances de ter uma solução que atenda aos objetivos do 
seu projeto. 


Antes de colocar a mão na massa, é bom refletir sobre qual é o 
papel principal da página ou fluxo que você está desenhando. Uma 
página deve ter um objetivo muito claro e não pode querer resolver 
todos os problemas ao mesmo tempo. 


Uma vez o problema definido, fica mais fácil pensar na 
hierarquia das informações que vão compor a página. A sua tela 
precisa contar uma história que faça sentido. A figura adiante 
mostra um pouco do que estou falando. Nela, temos o momento 
no qual o usuário se encanta pelo produto, o lugar onde ele pega 
mais informações e, claro, sempre com um botão de comprar 
disponível, caso a pessoa já esteja decidida. 


4.6 WIREFRAMES 113 


O usuário fica 
curioso 


O usuário se Ele toma a 


encanta aqui Ea decisão aqui 


O usuário descobre 
mais informações 


O usuário confirma 
> se é o que ele procura 


Não é o que o 
usuário procura 


Conte uma história 


Figura 4.6: Imagem retirada do Workshop de Wireframe na Huge 


Tente usar um conteúdo real no seu wireframe para ver como a 
página vai se comportar quando o produto estiver funcionando de 
verdade. Dá um pouco mais de trabalho produzir com conteúdo 
real, mas, dessa forma, você evita situações muito diferentes do 
mundo real. Se tiver dificuldades de escrever alguns textos, busque 
conteúdos prontos em sites semelhantes. O texto real ajuda todos a 
entenderem rapidamente do que se trata o conteúdo da página. 


Em um site de compra de passagens, por exemplo, evite usar 
muitos botões semelhantes, para que o usuário não se confunda no 
momento de tomar a decisão de realizar a compra. Procure ter um 
botão com uma cor mais chamativa para as ações principais, as 
secundárias e um padrão de link em texto. 


É fundamental prestar atenção na sequência de leitura para ver 
se a estrutura faz sentido e cumpre o objetivo inicial que você 
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pensou. Imprimir o wireframe também ajuda a visualizar se a 
sequência da tela está fluindo. Envolver o time para receber 
sugestões em cima da solução inicial é uma experiência valiosa. 


É muito importante um UX Designer conhecer e dominar os 
principais padrões de interação para tomar decisões que já foram 
testadas e evoluídas. Será que é melhor exibir um bloco de 
informação em uma lista ou em um grid? Praticar muito é a 
melhor forma de fazer um wireframe de alta qualidade e bom 
gosto. 


Não deixe a responsabilidade de resolver uma interface 
somente na mão do Visual Designer. Se você não é designer de 
formação, vale a pena dedicar um tempo para estudar conceitos 
básicos como diagramação, tipografia e espaçamento, para 
melhorar a sua interface. 


O wireframe pode ser feito em baixa ou alta fidelidade. A figura 
a seguir mostra a diferença entre um wireframe de baixa e alta 
fidelidade. Quanto mais alta a fidelidade, maiores são as chances 
de as pessoas entenderem do que se trata; em contrapartida, o 
Visual Designer fica mais limitado em relação ao momento de 
criar a identidade visual do produto. 


A decisão de fazer em baixa ou alta fidelidade depende do 
público que vai consumir o documento e o tempo que será 
investido nesse trabalho. 
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Figura 4.7: Imagem retirada do Workshop de wireframe na Huge 


Dicas de como fazer wireframes melhores 


Vou usar uma página de produto de um e-commerce de 
viagens para exemplificar como podemos construir uma boa 
interface. Para estruturar uma página de venda de um destino, 
temos de começar com uma imagem atrativa do local como 
principal elemento, para atrair a atenção das pessoas que querem 
viver aquela experiência. Depois, precisamos listar informações, 
mostrar as atrações que as pessoas podem viver no lugar e o 
quanto é seguro comprar um serviço de passagem e hospedagem. E 
claro, sem esquecer de deixar o preço e a opção de comprar. Em 
seguida, colocamos alguns destinos relacionados, para que o 
usuário consiga visualizar outras opções de compra. 


Para fazer boas interfaces, é importante ter em mente os 
principais fundamentos de design. Quando comecei a trabalhar 
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com UX, li um livro chamado Design para quem não é designer 
(WILLIAMS, 1995). O livro passa pelos fundamentos principais da 
construção de uma página. 


O autor fala sobre o cuidado e o olhar clínico que devemos ter 
com questões como alinhamento, balanço, contraste, proximidade 
e repetição em uma interface. Outro livro que me ajudou bastante 
chama-se Layout: o design da página impressa. 


É muito difícil encontrar livros que ensinam como fazer boas 
interfaces. O negócio é praticar bastante para entender ao longo do 
tempo o que é bom e ruim. A indústria editorial tem muita 
referência de como podemos fazer melhor o nosso trabalho. Os 
jornais e as revistas, principalmente os antigos, têm boas 
referências de diagramação e como compor uma boa interface que 
tenha equilíbrio e seja agradável de ler. 


Mesmo não sendo um designer de formação, é possível educar 
seu olhar para dirigi-lo a certos aspectos de uma página. Uma 
forma de fazer isso naturalmente é tentar entender por que você 
gostou muito de uma interface. 


Quando você está navegando por um site e encontra algo que 
lhe agrada, tente analisar por que você gosta de um determinado 
módulo ou elemento. Uma forma que usei no início da minha 
carreira para educar meu olhar e treinar foi pegar interfaces das 
quais gostava e fazer exatamente igual, apenas olhando para tentar 
me colocar no lugar do designer que a havia feito. Assim, 
conseguia ver o que ficava mais agradável por meio dos padrões de 
tamanho de fontes e uso de espaçamento. 


Outra dica que ajuda bastante é buscar referências em 


4.6 WIREFRAMES 117 


portfólios de outros designers, como o Dribble 
(https://dribbble.com/), Behance (https://www.behance.net/) e 
Pinterest (https://br.pinterest.com/). Procure olhar e se inspirar em 
outros designers pode ser um bom começo, mas dificilmente você 
conseguirá fazer algo diferente se estiver olhando somente para os 
mesmos lugares. Para fazer algo diferente, é preciso consumir 
fontes diferentes. 


O Pinterest costuma ser uma ótima ferramenta para salvar suas 
referências. Normalmente, as pessoas categorizam as referências de 
uma forma que fica muito fácil encontrar quando houver 
necessidade. Você consegue encontrar referências de páginas de 
produtos, páginas de artigos, homes, dashboards etc. 


É importante também olhar com atenção aquilo que está ao seu 
redor. Tente seguir boards de arquitetura, design de interiores, 
carros, cadeiras e tudo mais que possa inspirá-lo de uma certa 
maneira. Jonathan Ive, designer industrial da Apple, criou vários 
produtos da empresa tendo como referência produtos criados pelo 
Designer Dieter Rams. As duas figuras a seguir deixam isso claro. 


118 4.6 WIREFRAMES 


eafua 





BRAUN 


Figura 4.8: Imagem retirada do site IMGUR - Fonte: https://imgur.com/gallery/Ou4M8 





4.7 FERRAMENTAS DE DESENHO E 
PROTOTIPAÇÃO 


A ferramenta é o que menos importa no desenho de uma boa 
interface. Entender os conceitos e boas práticas é uma skill muito 
mais importante no processo de construção de uma interface 
inovadora. 


Existem dois grupos de ferramentas no mercado: as 
ferramentas de desenho e as de prototipação. Algumas empresas 
tentaram resolver as duas coisas ao mesmo tempo, mas esse 
problema ainda não foi solucionado totalmente. A Invision acabou 
de lançar a ferramenta Studio, com o propósito de resolver 
desenho e prototipação em um único programa. 


As ferramentas mais populares de desenho de interfaces neste 
momento é o Photoshop, o Illustrator e o Sketch. Todas as três têm 
vantagens e desvantagens; depende da habilidade que você tem 
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com cada uma. Um critério importante que você deve considerar 
no momento de escolher uma para trabalhar é descobrir qual a 
maioria das pessoas do time usa e, principalmente, o que funciona 
melhor na entrega das interfaces para os desenvolvedores. 


O Sketch é a caçula das três e foi desenvolvida com foco em 
desenhar interfaces; Photoshop e Illustrator foram criadas com 
propósitos diferentes. Por ser uma ferramenta totalmente 
direcionada para a produção de interfaces, a empresa responsável 
pelo programa está aprimorando cada vez mais o software para 
otimizar o trabalho de criação e produção de interfaces. 


O site Brasil UX Design CC (https://brasil.uxdesign.cc/) tem 
uma categoria que mostra o arsenal de ferramentas usadas por 
alguns Designers de Interação do mercado brasileiro. Faça sua lista 
e teste o que há disponível. 


Se a briga pela ferramenta de desenho é grande, não é diferente 
no momento de escolher um software para poder prototipar. 
Prototipar é dar vida à interface que você está desenhando. É com 
a prototipação que conseguimos deixar o que estamos fazendo o 
mais próximo do real, como nos ajuda a enxergar se vai funcionar 
ou não. 


A escolha da ferramenta ideal é bastante cansativa. Pensando 
nesse problema, o time de design da empresa Cooper escreveu um 
artigo avaliando várias ferramentas disponíveis no mercado 
(SCHWARTZMAN, 2013). Eles levaram em consideração se as 
ferramentas são ideais para prototipação em desktop e mobile, o 
nível de fidelidade, a velocidade de produção, os elementos 
dinâmicos, o suporte a teste de usabilidade, entre outras coisas. 
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A seguir, veja uma imagem que lista algumas das ferramentas 
existentes e quais são seus pontos fortes: 
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Figura 4.9: Imagem que mostra diversas opções de ferramentas de prototipação. Fonte: 
https://www.cooper.com/prototyping-tools 


Ao escolher uma ferramenta, é fundamental avaliar alguns 
requisitos. Tente analisar o tempo e o resultado que você terá ao 
final de um ciclo. Um software de prototipação serve tanto para 
mostrar uma interação simples quanto para fazer um teste de 
usabilidade com alguns usuários. 


O nível de fidelidade de um protótipo é semelhante ao nível de 
fidelidade de um wireframe. Logo, é muito importante pensar no 
objetivo que você quer alcançar com o protótipo. Quanto mais 
cedo você errar, melhor é para o resultado final do projeto. 


Se você quer fazer um teste de usabilidade mais fiel usando 
dados reais e dinâmicos de um sistema, você terá de trabalhar com 
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uma ferramenta de prototipação que permita trabalhar com 
elementos dinâmicos, ou mesmo fazer direto em código HTML, 
CSS e JavaScript, por exemplo. Já se você quer apenas compartilhar 
com o time uma interação de uma solução, use o que for mais 
rápido dentro desse objetivo. 


Mostrar é muito mais poderoso do que explicar. Por incrível 
que pareça, os designers do Google muitas vezes usam o Keynote 
para validar ideias dentro do time. 


4.8 CONCLUSÃO 


Vimos neste capítulo como acontece o processo de construção 
de interfaces. Passamos pela parte estrutural que está dividida em 
quatro momentos, e depois falamos das formas de começar a 
materializar as interfaces de um produto com sketches. Tratamos 
também das preocupações que devemos ter no momento de 
produzir wireframes e protótipos. 


No próximo capítulo, vamos abordar as diversas formas de 
validação com os usuários daquilo que estamos desenhando. O 
objetivo do capítulo é passar pelos métodos que ajudam a entender 
como funciona a cabeça dos usuários e quais são as dificuldades 
que eles enfrentam com aquilo que estamos construindo. Vamos 
abordar desde a preparação até a condução da validação, e ver 
como devemos ficar atentos aos aprendizados adquirimos ao longo 
das validações. 
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CarírtuLO 5 


USABILIDADE EM 
PRODUTOS DIGITAIS 


Usabilidade refere-se à simplicidade e facilidade com que uma 
pessoa consegue usar uma interface (site, aplicativo, jogos etc.). O 
termo ganhou mais destaque a partir do momento em que 
profissionais de usabilidade começaram a ser envolvidos no 
processo de concepção de interfaces. Hoje em dia, o conceito já é 
visto como um fator decisivo para o sucesso ou fracasso de um 
produto digital. 


Começou a falar-se sobre usabilidade muito antes da era da 
computação. Ela surgiu no momento em que a indústria precisava 
acelerar sua produção, e as empresas perceberam que existiam 
muitos acidentes com os funcionários devido à dificuldade de uso 
de determinadas ferramentas de trabalho, por exemplo. 


Os primeiros computadores foram usados somente por pessoas 
que entendiam bem do equipamento. Na década de 80, algumas 
empresas começaram a criar computadores que deveriam ser 
usados por pessoas que não dominavam uma linguagem de 
programação. Por este motivo, as interfaces deveriam ser 
amigáveis e muito fáceis de aprender. 
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Foi neste momento que os designers começaram a usar 
metáforas do mundo físico para facilitar o entendimento de todos. 
O termo desktop, por exemplo, foi criado para simular como se 
fosse o escritório de uma pessoa. Assim, os usuários conseguiam 
entender facilmente as primeiras interfaces. 


O assunto usabilidade ganhou ainda mais destaque quando a 
Apple começou a criar produtos que eram ainda mais fáceis de 
aprender. Eles conseguiram mudar o comportamento do mercado 
quando lançaram o iPhone, em 2007, com o propósito de não ter 
um teclado físico. Steve Jobs era fascinado pelo assunto e 
procurava trazer muita simplicidade para os seus produtos. A 
partir daí, as empresas viram que investir em usabilidade era algo 
primordial para o sucesso de qualquer produto. 


Mais do que falar sobre o conceito de usabilidade, é importante 
deixar claro que fazer um produto que seja fácil de usar já se 
tornou algo esperado quando uma empresa contrata um 
profissional especializado no assunto. Fazer uma interface fácil de 
usar, hoje em dia, é tão básico e esperado quanto ter um prato 
limpo quando você entra em um restaurante. 


5.1 SIMPLIFICAR NÃO É TÃO SIMPLES 


Chegar a uma solução simples de interface é um processo 
muito trabalhoso. É necessário explorar muitas versões de design, 
além de discussões com todos os envolvidos no projeto sobre o que 
é, de fato, importante para as pessoas e como podemos tornar uma 
tarefa o mais simples possível. 


A vantagem dos ambientes digitais é que podemos controlar 
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como uma determinada informação aparece para o usuário. E para 
deixar as informações mais simples para as pessoas, devemos nos 
apropriar das vantagens que a tecnologia nos traz. 


Quando trabalhamos com comunicação impressa, por 
exemplo, temos de passar todas as informações em um único 
momento. Mas quando estamos trabalhando com ambientes 
digitais, temos o benefício de entregar as informações em pequenas 
doses. E para fazer isso, devemos ouvir os conselhos de John 
Maeda (2010), autor do livro As Leis da Simplicidade. Ele fala que 
devemos sempre fazer o exercício de retirar tudo aquilo que é 
óbvio naquele momento e evidenciar o significativo. 


O processo de simplificar uma interface exige que você 
exponha o quanto antes sua solução para as pessoas que a usarão. 
Desta maneira, você conseguirá entender rápido se aquela 
informação que você tirou de uma determinada tela do fluxo faz 
sentido ou não. Muitas vezes, o que faz sentido para nós que 
estamos projetando pode não fazer sentido para quem vai usar de 
verdade o nosso produto. Por isso, é superimportante o contato 
com pessoas através de entrevistas e testes de usabilidade. 


Giles Colborne (2010), autor do livro Simple and Usable, 
propõe 4 modelos para nos ajudar a construir uma interface 
simples e fácil de usar: Remover, Organizar, Esconder e Mover. 


Remover 


Procure evitar usar qualquer coisa que não seja essencial para o 
entendimento da interface. Isso vai desde a remoção de elementos 
gráficos, conteúdos e a linguagem que usamos nos títulos das telas 
e nos rótulos dos botões, por exemplo. 
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A ideia é não colocarmos títulos em elementos que são óbvios 
para o usuário. Não precisamos ter o título “Calculadora” acima da 
imagem ou módulo de uma calculadora. As pessoas vão bater o 
olho e entender que se trata de uma ferramenta de calculadora sem 
precisar do título para identificar. 


Cuidado com a mania que temos de colocar título em tudo. 
Retire o óbvio para evidenciar o que de fato importa. 


Organizar 


Tente organizar os elementos em uma interface da forma que 
faça mais sentido para o entendimento das pessoas. Tome sempre 
como base o modelo mental do usuário para o qual está 
desenhando. A boa organização de uma interface acelera o 
entendimento do que pode ser feito e deixa claro ao usuário para 
onde ele pode ir para realizar sua tarefa. 


Busque organizar os elementos com base no propósito da 
interface e na similaridade de formas e funções. O Google, por 
exemplo, sempre integra as funcionalidades de criar um evento ou 
um lembrete no Google Calendar. 


Esconder 


Coloque na interface apenas os itens que precisam ser 
mostrados naquele momento, e esconda as informações que 
podem ser acessadas conforme requisição ou necessidade do 
usuário. Tome cuidado para não esconder a informação de uma 
forma que seja muito difícil achar, e tente deixar claro nos rótulos 
espalhados pela página onde o usuário pode encontrar uma 
informação que seja importante em um segundo momento. Não é 
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preciso mostrar quais são as opções de pagamento se o usuário 
ainda nem manifestou o interesse de comprar um produto online. 


Mover 


É importante mover algumas funcionalidades para outro lugar. 
Para ficar mais fácil de entender esta estratégia, vamos voltar ao 
pensamento do Steve Jobs ao projetar o iPhone apenas com um 
botão. Essa abordagem facilita o contato inicial com o produto, e 
as pessoas têm acesso a outras funcionalidades importantes que 
estão acopladas ao software, e não ao hardware. 


É humanamente impossível as pessoas consumirem tudo de 
uma vez só. Então, tome cuidado de não usar isso como uma 
desculpa para tirar o que é importante da visão do usuário. Uma 
forma de tomar essas decisões no momento de projetar um site ou 
aplicativo é estudar os dados gerados pelo Google Analytics e 
outras pesquisas de satisfação, feitas com os clientes. 


Ao criar um produto digital, é fundamental entender como 
podemos usar os recursos de interação que as pessoas têm com os 
sites por meio do clique e, em aplicativos, através do toque. Por 
isso, é necessário entender estes quatro princípios, porque, uma 
vez que você tenha domínio sobre cada um, fica mais fácil usá-los 
de maneira natural sem prejudicar o entendimento que as pessoas 
precisam ter do seu produto. 


5.2 INFORMAÇÕES EM PEQUENAS DOSES 


Adicionar vários conteúdos e links em excesso nas interfaces é 
bastante tentador. Afinal de contas, as empresas querem oferecer o 
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máximo de opções para os clientes com o objetivo de se diferenciar 
dos concorrentes e conseguir vender mais, tratando-se de um e- 
commerce, por exemplo. 


É por isso que é importante o envolvimento de profissionais de 
UX em projetos digitais para pensar como e onde colocar as 
funcionalidades que precisam ser feitas pelos usuários. A 
tecnologia e a velocidade da internet também ajudam bastante 
nesse sentido. Hoje em dia, é muito fácil mostrar o que é 
necessário e ir evoluindo conforme o usuário avança no processo. 


Empresas como Apple e Google destacam-se bastante no 
sentido de procurar fazer produtos e interfaces que mostram 
somente aquilo que interessam para as pessoas. E esse tipo de 
posicionamento faz com que crianças, e até idosos, consigam usar 
seus produtos sem dificuldades. 


A figura seguinte retrata bem aquilo de que estou falando. 
Enquanto as poderosas empresas focam no que é importante, 
outras querem fazer produtos que resolvam tudo ao mesmo 
tempo. 


TYPICAL APPLE PRODUCT... 
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A GOOGLE PRODUCT... 


ES 


YOUR COMPANY'S APP... 


TYPE CDL] 
QP STAT:O00 
-= 


FT/PT: E a 


E 
STUFFTHATHAPPENS.COM BY ERIC BURKE 





Figura 5.1: A imagem mostra a diferença de pensamento entre produtos simples e complexos 
- Fonte: http://www usabilitycounts.com/2012/01/31/simplicity-google-apple-and-your- 
company/ 


Já que a ideia é simplificar e entregar as informações em doses 
digeríveis, é importante responder várias perguntas em relação ao 
que é importante para o usuário em cada etapa do processo. É 
necessário entender quais são as ações principais e secundárias 
durante a experiência que as pessoas têm com os nossos produtos. 


Em uma ferramenta de compra de passagens, por exemplo, a 
grande maioria das compras é realizada com a funcionalidade de 
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ida e volta e, em alguns casos, somente ida (ou volta). Por fim, 
temos um pedaço bem pequeno de usuários que compram vários 
trechos. Por isso, devemos nos fazer a seguinte pergunta: será que a 
compra de vários trechos precisa ter a mesma hierarquia que os 
outros dois? Será que estamos adotando uma convenção e nunca 
questionamos esse padrão? 


Precisamos entender também qual seria o mínimo de 
informação que o usuário precisa ter em mãos para concluir uma 
determinada tarefa. Assim, você consegue remover informações 
que podem ser acessadas durante o processo natural de navegação. 


Tente fazer o exercício de visualizar se o conteúdo que você 
tem é suficiente para o usuário conseguir realizar o seu objetivo. 
Caso não seja, tente pensar no que falta para ele se orientar durante 
o fluxo. Só tome cuidado para não sobrecarregar sua interface e 
deixar as pessoas ainda mais confusas com a tarefa. 


Outra questão que faz bastante diferença ao projetar uma 
navegação é levar em consideração o contexto de cada tela. 
Procure pensar como será a navegação entre as páginas principais 
e, principalmente, o que podemos entregar de informação em um 
conteúdo específico. 


Falar sobre aluguel de carro no meio do processo de 
pagamento de uma passagem aérea em um primeiro momento 
parece fazer total sentido, mas esse tipo de atitude pode 
simplesmente atrapalhar o usuário a concluir sua compra e deixá- 
lo aborrecido com o processo. Nem sempre as pessoas querem 
alugar um carro no mesmo momento em que compram uma 
passagem. São tarefas que podem acontecer em momentos 
diferentes de uma jornada. 
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Para tomar decisões sobre o que é importante para o usuário, 
tente aprender o comportamento do produto atual quando estiver 
trabalhando em projeto de redesign, por exemplo. É fundamental 
analisar relatórios do Google Analytics, testes de usabilidade, 
relatórios do Call Center da empresa etc. Tente consumir o 
máximo de informação que tiver disponível sobre o 
comportamento deles para tomar decisões sobre navegação. 


5.3 COMO CRIAR HIERARQUIA EM UMA 
INTERFACE 


Interfaces são histórias e, para criar hierarquia em uma 
interface, é fundamental pensar como ela será contada. Antes de 
começar a fazer um wireframe de uma interface, tente colocar no 
papel a história que você precisa contar com ela. Esse exercício será 
muito útil e vai ajudar a definir a hierarquia dos elementos que 
farão parte da interface. 


Com uma boa hierarquia feita, conseguimos guiar o olhar do 
usuário através das ações que ele deve realizar em uma página. 
Para ajudar a definir a hierarquia, tente responder algumas 
questões, como: 


Qual é a primeira coisa que você quer que o usuário veja e 
com a qual interaja com o produto? 


Quais são os benefícios que eu quero mostrar? 


O que eu tenho de diferente? 


Qual é o propósito dessa página? 
O que acontece quando o usuário interage com uma 


determinada informação? 
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Existe um artigo muito interessante escrito pelo Fabrício 
Teixeira (2017), chamado Storyframes before wireframes, que fala 
sobre a importância de criar histórias antes de partir para o 
desenho de uma interface. Nele, o autor cita alguns benefícios, e 
um deles é a vantagem de você conseguir discutir com todos do 
time sobre a estrutura da história antes de falar sobre a interface 
gráfica. 


Dessa maneira, você consegue editar facilmente conforme os 
objetivos da tela. Fabrício mostra também um exemplo muito legal 
de uma página do Dropbox com uma história de como ela se 
transformou em uma interface. 


Não podemos deixar na mão do cliente definir quais são as 
informações mais importantes em uma interface. O nosso papel 
como UX Designer é se aproveitar ao máximo do conhecimento 
que o cliente tem sobre o negócio e criar toda a hierarquia com 
base no comportamento que existe atualmente, quando o produto 
já está no ar, e em cima de um novo comportamento que estamos 
querendo trazer para o projeto. 


O site Ricardo Eletro é um exemplo claro de falta de 
hierarquia; tudo acontece ao mesmo tempo. Existe informação em 
excesso, não há diferença de pesos de fontes e não se sabe quais são 
as ações principais. Nesse caso, o usuário simplesmente não sabe 
por onde começar. 
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Figura 5.2: Página inicial do site Ricardo Eletro - Fonte: http://www.ricardoeletro.com.br/ 


Algumas dicas ajudam a construir uma boa hierarquia em uma 
página: 


e Procure organizar as informações similares; 

e Evite inconsistências de estilos visuais. A falta de 
consistência em uma interface pode causar bastante 
confusão na cabeça do usuário e faz com que as interfaces 
sejam bastante difíceis de serem compreendidas. 

e Tome cuidado para não ter muitas ações ao mesmo tempo. 

e Tente usar imagens, ícones e gráficos com bastante 
moderação para não poluir sua interface. Estes elementos 
servem como apoio de como um conteúdo pode ser 
estruturado. Quando mal utilizado, mais prejudica do que 
ajuda na comunicação da sua interface. O objetivo é 
conseguir mesclar forma e função para ajudar nos objetivos 
da página. 
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Já a página inicial da Netflix é totalmente diferente desse site. 
Claro que se trata de duas empresas com propósitos diferentes, 
mas nada justifica a Ricardo Eletro ter um site tão poluído e 
confuso. No caso da Netflix, a hierarquia fica muito clara. Eles 
usam a marca, um botão de login na parte superior à direita, uma 
imagem que representa o que é o serviço e uma chamada muito 
clara para o usuário se tornar assinante. 


Temos de usar as interfaces para nos comunicarmos com os 
usuários de forma clara e bastante objetiva. 


See what's next. 


WATCH ANYWHERE. CANCEL ANYTIME. 





Figura 5.3: Página inicial do site da Netflix - Fonte: https://www.netflix.com 


5.4 DEIXE CLARO AO USUÁRIO O QUE 
FAZER A SEGUIR 


Sabe aquela sensação de se sentir perdido em uma rua sem 
saída e não saber o que fazer para se encontrar? É assim que os 
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usuários se sentem quando estão em um produto digital que não 
deixa claro quais são as alternativas para seguir ou voltar ao estado 
inicial. 


Qualquer produto digital deve deixar claro o que o usuário 
pode fazer a seguir. Para que isso aconteça, tenha a certeza de que 
todas as páginas e todos os fluxos do sistema cumprem esse papel. 
Quando o usuário se vê sem opções, é comum que ele abandone o 
site ou tente voltar para a página inicial para tentar encontrar 
novamente o que ele procurava. 


Tente fazer uma análise das suas páginas levando em 
consideração algumas questões relacionadas à usabilidade. 


e O usuário sabe onde está na interface? A página comunica 
com clareza? 

e O usuário sabe o que fazer para continuar em frente? 

e A ação principal do produto está clara? 

e O fluxo deixa claro quantos passos são necessários para 
concluir uma tarefa? 

e Os rótulos dos botões estão claros e ajudam os usuários a 
entender melhor a sequência do fluxo? 


Steve Krug (2015), autor do livro Não Me Faça Pensar, retrata 
bem a importância de criarmos rótulos que orientem os usuários 
em relação às melhores decisões que devem tomar em uma 
interface. Esse livro é um clássico da usabilidade, e não tenho 
dúvidas de que ele está entre os melhores sobre o assunto. Ele 
deixa muito explícito que, para ser um bom UX Designer, é 
fundamental ter bom senso. 


No momento de criar um design, cada decisão que você força o 
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usuário a tomar significa alguns segundos a mais do seu esforço. 
Ele precisa olhar as opções disponíveis para tomar a melhor 
decisão. O nosso papel é tentar também não o sobrecarregar 
demais. 


Por exemplo, a página de renovação da carteira de motorista 
do site do Detran, do Rio de Janeiro, não deixa claro o que 
devemos fazer para realizar uma tarefa tão importante. Ela 
simplesmente oferece alguns links sem evidenciar o que as pessoas 
precisam saber, de fato, no momento de renovar a carteira de 
motorista. 


Já a mesma página no site GOV.UK (governo do Reino Unido) 
deixa claro todas as ações possíveis a partir das informações 
iniciais das pessoas, dividindo bem a ação principal para quem já 
sabe o que fazer, e um bloco com mais informações para quem 
precisa entender melhor como funciona. O conteúdo é pensado e 
estruturado sob a ótica de próximos passos e momentos diferentes 
dos usuários. 
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Suspensão do Direito de Dirigir Original da CNH vencida; 


Curso de Reciclagem - CRCI Original do Duda pego; 


Erno A dana Original e cópia do comprovante de residência ou fazer "declaração de residência; 


Formulários Original e cópia do documento de comprovação de endereço de trabalho, opcional, para definir região do exame. 


Figura 5.4: Página de renovação da carteira de motorista do site do Detran do Rio de Janeiro - 
Fonte: http://www .detran.rj.gov.br/ 
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iz Renew your driving licence - © x 
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Home > Driving and transport > Driving licences 


EE 
Driving licences 


Renew your driving licence 


View or share your driving licence 
Renew your driving licence online with DVLA if you have a valid UK passport. information 


Change the address on your driving 
licence 


There's a different service if you want to renew your licence and you're Change the name or gender on your 
ZO or over. driving licence 


Change the photo on your driving licence 
Apply using your Government Gateway ID. If you don’t have one or need to Renew your driving licence if you're 70 or 


re-register, you'll get an ID as part of your application. over 
This page is also available in Welsh (Cymraeg). Driving licence fees 
More 


Start now > 


on driving licensing online 


More information Other ways to apply. 








Q You can’t apply online if your name or title has changed or if 
you have a 5-year bus or lorry licence. 


Figura 5.5: Página de renovação da carteira de motorista do site GOV.UK - Fonte: 
https://www.gov.uk/ 


5.5 CONHEÇA AS  HEURÍSTICAS DE 
USABILIDADE 


A avaliação heurística é mais um método para analisar a 
eficiência em princípios de usabilidade de uma interface digital. É 
muito importante conhecer e dominar as heurísticas para servir 
como um checklist do que funciona e o que não funciona bem em 
um produto digital. 


Normalmente, a avaliação heurística é feita pelo UX Designer 
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que também leva em consideração toda a sua experiência com 
produtos digitais e a facilidade que esse profissional tem de 
encontrar possíveis problemas que podem dificultar o uso de um 
sistema por parte dos usuários. 


O método é antigo e foi cunhado inicialmente nos anos 90, por 
Jakob Nielsen e Rolf Molich, e desde então tem sido usado em 
diferentes escalas e adaptado pelos profissionais de UX ao redor do 
mundo; mesmo porque a tecnologia é um segmento que muda 
constantemente e com uma velocidade assustadora. Porém, por 
estamos falando de seres humanos, os princípios não mudam 
tanto. 


Dê feedback sobre o estado do sistema 


É muito importante fazer com que o usuário se sinta no 
controle da situação o tempo inteiro. Se ele não souber o que está 
acontecendo, é certo de que sairá do seu site ou aplicativo. 
Feedback e clareza são necessidades constantes dos seres humanos. 
As pessoas ficam incomodadas quando não recebem feedbacks 
sobre o seu desempenho no trabalho, por exemplo. 


Quando o usuário clica em um botão de compra de passagem, 
por exemplo, deve ficar claro o que acontece em seguida. O 
usuário precisa ter a certeza de que o sistema está processando o 
pagamento junto à operadora de cartão de crédito por um 
feedback claro e seguro, principalmente. Caso contrário, ele pode 
sair do seu site antes de realizar a compra. Hoje em dia, a 
concorrência está a uma URL de distância. 


O site de compra de passagens da empresa Virgin America é 
um exemplo de como deixar claro para o usuário o tempo inteiro o 
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que está acontecendo no sistema. Assim que você escolhe a data de 
partida, a interface responde rapidamente no topo que agora o 
usuário precisa escolher a data de retorno. A cada nova interação 
com a interface, ele sabe exatamente o que está acontecendo e qual 
é o próximo passo que precisa dar. 


we're showing Alaska Airlines fares for ATL to LAX. 





$ RoundTrio © OneWay © Muli City 


SELECT RETURNING DATE 


February 2018 





March 2018 


Figura 5.6: Página de escolha de datas de ida e volta do site Virgin America - Fonte: 
http://virginamerica.com/ 


Mensagens de erro 


Quem é mais velho vai se lembrar das famosas telas de erros 
apresentadas nas antigas versões do Windows, da Microsoft. Eram 
as famosas telas azuis, melhoradas em conjunto com as melhorias 
do software. 


Este exemplo retrata muito bem o que não devemos fazer. 
Essas mensagens devem ser escritas para que seres humanos 
normais entendam. Normalmente, essa parte é bastante esquecida 
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nos projetos, e isso faz muita diferença para seu resultado final. 


Evite erros antes que aconteçam 


Tem uma frase no livro O design do dia a dia (The design of 
everyday things), escrito por Donald Norman (2011), que resume 
bem essa história de evitar os erros antes que eles aconteçam. 
Norman escreve no livro que não é culpa do usuário caso ele não 
consiga utilizar um produto ou sistema. Nesse caso, a culpa é 
sempre do designer. 


Este conceito é bem interessante porque evita projetarmos 
nossa racionalidade e nosso entendimento, achando que as pessoas 
devem entender aquilo que queremos transmitir. É neste momento 
que entram métodos como avaliação heurística e teste de 
usabilidade. 


Os sistemas que desenhamos precisam ser à prova de erro. O 
papel do UX Designer é tentar ao máximo evitar os erros antes 
mesmo que eles aconteçam. Mais importante do que comunicar é 
evitar que eles aconteçam em primeiro lugar. Os erros acontecem 
porque, geralmente, a interface guiou o usuário de forma 
equivocada na realização de uma tarefa. 


Algum tempo atrás, o Gmail criou uma mecânica interessante 
para evitar que as pessoas se esquecessem de mandar um arquivo 
anexo ao e-mail. Todas as vezes em que alguém escrevia anexo 
no corpo do e-mail e tentava enviar sem anexar um arquivo, o 
Gmail disparava uma mensagem avisando que faltava anexar 
alguma coisa. Este é só um exemplo simples de como podemos 
evitar que os erros aconteçam durante a interação do usuário com 
um sistema. 
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O resultado de busca do Google também é outro bom exemplo 
de prevenção de erros. Mesmo que o usuário cometa algum erro na 
digitação de um termo, o Google entrega os resultados e ainda 
mostra o termo correto. Normalmente, as pessoas usam esse site 
muitas vezes para conferir como uma palavra é escrita de forma 
correta. 


Em vez de o Twitter mostrar uma mensagem de erro ao 
usuário que ultrapassou 140 caracteres, a empresa prefere mostrar 
a quantidade de caracteres que ainda tem disponível e marca em 
vermelho os que excedem o texto. Com essa iniciativa, eles 
conseguem prevenir o erro e mantém o usuário sempre no 
controle da situação. 


Existem várias possibilidades de prevenção de erros em 
produtos digitais. Uma forma de conseguir identificá-los é pela 
análise de métricas do site ou do aplicativo. É importante entender 
quais erros os usuários estão cometendo com mais frequência e 
tentar entender por que aquilo está acontecendo. 


As métricas são dados gerados a partir do volume de acesso 
que um produto digital tem. Normalmente, as empresas usam o 
Google Analytics para analisar os padrões de comportamento. Por 
meio do Analytics, conseguimos identificar possíveis problemas na 
interface que causam desistência em uma determinada parte de um 
fluxo de compra em um site de companhia aérea, por exemplo. Os 
dados nos informam qual é o problema, e o teste de usabilidade 
nos diz por que ele ocorre. 


Simplifique os formulários 


Preencher formulários talvez seja uma das tarefas mais 
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realizadas pelos usuários nos produtos digitais. Olha que esse 
trabalho diminuiu bastante nos últimos anos depois de criarem a 
possibilidade de se conectar a serviços com o login da rede social. 
Entretanto, de qualquer forma, ainda existe uma boa quantidade 
de formulários existentes. Eles estão presentes quando estamos 
fazendo uma compra, ou mesmo contratando um serviço. 


Antes de pensar em qualquer formulário, procure entender o 
mínimo de informação que precisamos obter do usuário para que 
ele conclua uma determinada tarefa. Mais importante do que 
entender o que estamos pedindo é procurar entender por que 
pedimos determinadas informações. 


É muito importante ser direto ao ponto ao pedir informações 
para as pessoas. Não use os formulários para obter dados que não 
são necessários para a conclusão de um cadastro do cliente. Se o 
usuário tiver a sensação de que a informação pedida não faz 
diferença para a tarefa, você corre o risco de ele se sentir 
desconfortável com a postura da empresa, e isso pode causar a 
desistência de uma compra, por exemplo. 


Existem outras formas de pedir dados dos usuários sem ser 
intrusivo. O site da Nike oferece a possibilidade de o cliente 
comprar um produto como um usuário “Guest”, permitindo que 
ele feche a compra sem a necessidade de criar um perfil dentro do 
site. O aplicativo da LATAM também oferece essa possibilidade. 
Esta funcionalidade permite que as pessoas que compram com 
menos frequência tenham a liberdade de fazer uma, sem a 
necessidade de salvar todas as informações pessoais. 


Facilitar a vida das pessoas e oferecer um bom atendimento 
devem ser os objetivos principais de qualquer empresa. Não é 
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porque você tem os dados delas que elas estão amarradas a você. 
Pensar dessa maneira pode ser uma forma egoísta e, como 
consequência, mata a experiência de quem quer apenas comprar 
um tênis para voltar a se exercitar. O melhor, nesse caso, é garantir 
que o usuário consiga alcançar o seu objetivo sem muitas 
restrições. 


Hoje em dia, existem outras formas de pedir as informações 
para os usuários aos poucos e dentro de um contexto que faça mais 
sentido. O LinkedIn, por exemplo, faz isso muito bem. O site pede 
informações aos poucos e mostra ao usuário que, quanto mais 
informações ele fornecer para o sistema, mais fácil o perfil dele será 
encontrado. 


Antes de pedir qualquer informação ao cliente, mostre o 
benefício e deixe claro o que a empresa vai fazer com aquilo. Uma 
prática boa e saudável é informar ao cliente que ele não receberá 
spam ao fornecer seu e-mail, por exemplo. Deixe explícito o 
porquê de ele estar oferendo seu e-mail. 


Se é para receber promoções e novidades, informe isso sem 
medo. Outro bom exemplo nessa mesma linha é o fluxo de 
onboarding do Slack. Eles pedem o nome do time e explicam com 
um texto por que a informação é solicitada nesse momento. 
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Figura 5.7: Página de análise do onboard do Slack - Fonte: 
https://wwwuseronboard.com/how-slack-onboards-new-users/ 


Outro exemplo muito interessante é o pedido de convite do 
cartão de crédito do Nubank. Eles pedem apenas nome, CPF e e- 
mail. A empresa se preocupa em solicitar somente os dados que 
são necessários para o momento de espera. Nome e e-mail são 
dados de identificação, e o CPF é uma forma de consultar se o 
cliente tem alguma inadimplência no mercado. 
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CPF Email Confirmação de email PEDIR MEU CARTÃO 





Login 





Figura 5.8: Formulário de solicitação de cartão no site do Nubank - Fonte: 
https://www.nubank.com.br/ 


Outra preocupação importante no momento de projetar um 
formulário é pensar na usabilidade dos campos. Quando o usuário 
precisa selecionar uma data, por exemplo, é muito mais fácil e 
muito mais familiar para ele mostrar as opções em formato de 
calendário. Tente usar a premissa de orientar como as coisas 
devem ser feitas. Nem tudo é obvio para todos. 


As mensagens de validação são extremamente importantes e 
necessárias para o usuário saber se o que ele fez está correto ou 
precisa ser corrigido. Uma forma interessante de evitar que as 
pessoas percam tempo é utilizar a validação campo a campo. Dessa 
maneira, você não corre o risco de o usuário preencher um 
formulário extenso e só descobrir ao final que existe algo que 
precisa ser resolvido. 


O posicionamento dos botões de ações também é um ponto 


146 5.5 CONHEÇA AS HEURÍSTICAS DE USABILIDADE 


extremamente importante no bom uso de um formulário. Será que 
é melhor posicionar o botão do lado direito ou do lado esquerdo? 
Como será a ordem de leitura dos campos? Os textos serão 
posicionados dentro ou fora do campo? 


Luke Wroblewski (2008) escreveu o livro Web Form Design 
para tratar em profundidade do tema. O livro aborda e aprofunda 
sobre as melhores práticas quando estamos projetando um 
formulário. O livro é um guia prático e totalmente orientado a 
dados de como resolver problemas de design de interface que 
enfrentamos ao desenhar um formulário. 


O assunto usabilidade é bastante extenso, e existem vários 
conteúdos que abordam o tema. Os princípios são importantes, 
mas nada é tão fundamental quanto o bom senso do UX Designer 
na hora de projetar um produto digital. Mais importante do que 
conhecer todos os conceitos, é ficar atento aos produtos digitais e 
começar a julgar, por conta própria, problemas que podem afetar a 
usabilidade de um produto. 


Agora que conhecemos alguns conceitos essenciais sobre este 
tema e vimos como uma avaliação heurística pode nos ajudar a 
melhorar a usabilidade de um produto, é preciso entender a 
relevância dos testes de usabilidade e aprender como colocá-los em 
prática em nossos projetos. 


5.6 TESTE DE USABILIDADE 


O teste de Usabilidade é um método que consiste em assistir às 
pessoas usando uma interface para encontrar pontos de 
dificuldades durante a interação com um produto. Eles têm como 
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objetivo coletar aprendizados que vão permitir melhorar o produto 
avaliado, e nos ajudam a encontrar problemas como: 


e Dificuldades nas principais interações do produto; 

e Informações pouco claras ou insuficientes; 

e Excesso de informação; 

e Possibilidades de interações não explícitas; 

e Rótulos de botões ou ações confusos; 

e Fluxos muito longos ou complexos de serem realizados. 


Validar uma solução de design que você acabou de criar é uma 
etapa fundamental no processo de construção de um produto de 
sucesso. Existem alguns mitos de que o teste de usabilidade com 
usuários é bastante difícil de ser realizado. A dificuldade de fazê- 
los não passa de lenda; basta que você saiba o que testar e realizar 
com as pessoas certas. 


Fica muito mais difícil fazer os testes quando estamos 
trabalhando em um produto para um público muito específico de 
ser recrutado. Caso você se encontre nesse caso, com um público 
específico de caminhoneiros, por exemplo, você terá de contar 
com ajuda de terceiros para conseguir recrutá-los, ou conseguir 
descobrir onde os encontrar. 


Afinal de contas, não se encontra um caminhoneiro em 
qualquer esquina. Já se você estiver desenhando um produto mais 
popular, como um aplicativo de banco, é muito mais fácil 
encontrar pessoas que fazem parte deste público. 


Além de surgirem novas ideias de funcionalidades para os 
produtos, realizar testes com usuários é bastante útil por outros 
motivos. Serve para validar se a solução que você desenhou 
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funciona de verdade, para entender como as pessoas recebem e 
percebem o produto, e também é uma ótima oportunidade para 
descobrir necessidades não atendidas pelo produto testado. 


O teste com usuários pode ser aplicado em diversos momentos 
de um projeto. Pode ser tanto em um produto que já está no ar, 
com o objetivo de analisar sua performance e verificar 
oportunidades de melhoria, como também para validar uma nova 
solução antes de entrar na fase de implementação. Fazendo isso, 
você ajuda a garantir que o produto não será um fracasso quando 
chegar à mão das pessoas. 


Para realizar testes com usuários, é preciso ter muita iniciativa, 
velocidade e vontade de fazer. Jared Spool, editor do site UIE Brain 
Sparks (https://www.uie.com/), diz que devemos ter contato com 
usuários com mais frequência, e que os testes são mais baratos e 
simples do que muitas pessoas imaginam. 


Um teste de usabilidade, em sua forma mais básica, não custa 
quase nada. Basta você pegar o seu design e pedir para as pessoas 
tentarem realizar algumas tarefas. Às vezes, temos de ter iniciativa 
e fazer testes no próprio ambiente de trabalho. 


Pegue o seu design e mostre para outros funcionários. Quase 
toda empresa tem uma recepcionista, pessoal do financeiro e 
administrativo que talvez faça parte do público do seu produto. 


Jared Spool diz que um teste de usabilidade só vai ficar caro se 
você adicionar muito rigor e tratar o processo com muita 
formalidade. O maior rigor demanda um recrutamento muito 
mais exato, o que gera mais custo e principalmente mais tempo. 
Não precisa ser caro, mas pode ficar dependendo do rigor que 
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queira colocar nos resultados. 


Acredito muito no que Jackob Nielsen sempre pregou. É 
melhor testar o seu produto com uma pessoa do que não testar 
com ninguém. Talvez o rigor que você queira trazer para o teste 
impeça-o de aprender muito mais com o contato que você terá 
com os seus usuários. 


O maior benefício de um teste de usabilidade não está 
relacionado ao relatório de aprendizados do teste que você gerará 
para o seu cliente, mas sim na oportunidade de ter o time do 
projeto observando reais usuários utilizando o produto. Quanto 
maior a exposição aos usuários reais, melhor será o resultado do 
seu trabalho. 


Preparação do teste 


A primeira pergunta que surge na preparação de um teste de 
usabilidade é o que será testado no produto. Mas antes de definir o 
que será testado, é importante ter claro qual é o propósito do 
produto e quais são as páginas mais acessadas ou fluxos mais 
críticos. 


Você também pode decidir testar interações complexas, por 
exemplo. Isso acontece muito quando estamos criando um modelo 
de interação com que o público não esteja acostumado. 


Uma interação complexa é algo que seja diferente de como a 
indústria está acostumada. Podemos imaginar a escolha de 
múltiplos trechos em sites de companhias aéreas da mesma 
maneira como acontece a interação de múltiplas paradas no 
aplicativo do Uber, por exemplo. 
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Lembro como fiquei perdido na primeira vez que fui usar esta 
funcionalidade no Uber. Esse tipo de coisa acontece quando é algo 
que você não está habituado a fazer, nem em outro aplicativo. 


e e e “a 
Avenida Doutor Antônio Maria Avenida Doutor Antônio Maria H Avenida Dou. 
x avenida Paulista xX » r 
Avenida Brasi x 
Csago, Nenida Brasi > © 
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Please keep stops to 3 Please keep stops to 3 £ 
minutes or less minutes or less é “ 
ENS A EN EN uberx* SELECT 
R$31.86 0 R$35.31 
m 
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q 6) [m] <a (©) [m] (©) 


Figura 5.9: Tela de adicionar múltiplas paradas do aplicativo do Uber - Fonte: Google Images 


Depois de saber o que testar, é o momento de elaborar um 
roteiro com algumas tarefas que serão realizadas no teste. Tente 
dividir o roteiro em perguntas de primeira impressão, perguntas 
exploratórias, tarefas específicas, expectativas e sugestões. Pense 
também em situações reais para que o usuário consiga se colocar 
na situação e no contexto. 


Uma tarefa específica pode ser baseada em uma situação real 
que as pessoas vivem no dia a dia: imagine que você recebeu um 
cartão de crédito com defeito e quer falar com a área do banco 
responsável para resolver o problema. Como você faria para falar 
com as pessoas responsáveis através do aplicativo? 


Após a criação do roteiro, é o momento de fazer um protótipo 
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para a realização do teste. Um teste de usabilidade pode ser feito 
em protótipos de baixa e alta fidelidade. Não existe uma regra para 
esta questão. Temos de construir o que for mais adequado para 
cada projeto. 


O protótipo de baixa fidelidade tem somente as principais 
interações funcionando, enquanto o de alta é quase igual ao 
produto final. Claro que decidir se será de baixa ou alta depende 
muito do que você está querendo testar no seu produto. 


Perguntas de primeira impressão 


As perguntas de primeira impressão são aquelas que ajudam a 
quebrar o gelo entre quem vai moderar o teste e o usuário. É o 
momento de criar uma relação de proximidade com o usuário para 
que ele fique o mais relaxado possível, e isso ajude-o a ficar mais à 
vontade na pesquisa. 


São perguntas bem simples e que não geram dificuldade nas 
respostas. Veja a seguir exemplos de perguntas de primeira 
impressão: 


e Nome e idade. 

e Que tipo de trabalho você faz? 

e Por quanto tempo tem trabalhado nisso? 

e O que você faz quando não está trabalhando? 

e O que costuma fazer quando navega na internet? 

e Quais são os sites e aplicativos que usa como mais 
frequência? 


Se a pesquisa é sobre um assunto específico, crie perguntas que 
estão relacionadas ao assunto de que você vai tratar no teste. 
Vamos ver alguns exemplos de perguntas relacionadas ao tema de 
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viagens: 


e Quantas vezes você costuma viajar por ano? 
e Conte-me como foi a sua última viagem. 
e Como acontece o processo de escolha do próximo destino? 


É bom ter perguntas que as pessoas gostem de responder; elas 
gostam de falar o que fazem nas redes sociais e como gastam o seu 
tempo na internet, de forma geral. O importante aqui é o usuário 
se sentir tão à vontade que esqueça que está participando de um 
teste. 


Mesmo que você tenha um roteiro para o teste, tente deixar a 
sessão mais informal. Quanto menos as pessoas se sentirem ratos 
de laboratório, mais rico será o resultado de sua pesquisa. 


Perguntas exploratórias 


As perguntas exploratórias são perguntas mais gerais sobre os 
sentimentos dos usuários em relação à interface e ao entendimento 
sobre o que é o produto e qual é o propósito geral do serviço. 


Essas perguntas podem ser feitas no primeiro contato do 
usuário com o protótipo como também ao final do teste. Este 
momento da entrevista o ajuda a ter uma percepção geral quanto 
ao produto deixar claro os objetivos do serviço ou não. 


As perguntas exploratórias servem como introdução ao 
protótipo. Lembre-se de reforçar que o que está sendo testado é o 
produto, e não o usuário. Diga a ele que algumas funcionalidades 
no protótipo podem não funcionar caso estejam em baixa 
fidelidade; avise-o quando isso ocorrer. 
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Diga ao usuário que não existe certo e errado. O maior valor de 
uma pesquisa é a opinião sincera das pessoas. Ainda usando o 
exemplo da indústria de viagens, algumas perguntas podem ser: 


e Qual é o papel deste site ou aplicativo que você acabou de 
acessar? 

e O que você acha que consegue fazer neste site? 

e Você entendeu a navegação principal? 

e O que você não conseguiu entender? 


Tarefas específicas 


As tarefas específicas servem para que possamos simular 
situações reais durante o uso de um produto digital. O objetivo 
aqui é entender se o usuário consegue realizar as tarefas sem 
grandes dificuldades. É bom usar situações contextuais para 
introduzir uma tarefa específica. 


Por exemplo, imagine que você precisa viajar de última hora 
para visitar familiares e tem de comprar passagens para você, 
seu(sua) companheiro(a) e seu(sua) filho(a). Como você faria para 
comprar as passagens mais baratas e com menos escala para o 
próximo mês? 


A ideia é entender qual é a forma de pensar do usuário até a 
conclusão de uma tarefa. Cada um tem uma forma de pensar e 
usar produtos digitais; deixe que as pessoas façam o caminho que 
elas fariam naturalmente quando estão em casa, no trabalho ou 
usando o celular na rua. 


Será que vão digitar a promoção no Google, ou será que vão 
direto no Buscapé para comparar preços? As tarefas também nos 
ajudam a entender mais profundamente a dificuldade de cada um. 
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Você vai aprender bastante a cada novo passo do usuário. 


Conforme o usuário avança na tarefa, estimule-o a pensar em 
voz alta com perguntas como: 


e O que é isso? 

e O que você acha disso? 

e O que você acha que vai acontecer ao clicar aí? 
e O que você está pensando? 

e O que você está procurando? 


Fazer o usuário pensar em voz alta nos ajuda a entender as 
motivações e como eles percebem determinadas informações. Mais 
importante do que entender que existe um problema, é entender 
por que o problema acontece para algumas pessoas. 


Só tome cuidado para não intimidar as pessoas. Tente fazer 
essas perguntas em tom de curiosidade. Mesmo que elas estejam 
perdidas, tente ao máximo não passar essa percepção a elas. 


Expectativas e sugestões 


Para finalizar uma sessão de teste, elabore algumas perguntas 
que faça o usuário dar suas percepções gerais sobre o produto. 
Pergunte a ele o que achou da experiência de ter participado do 
teste, agradeça-o novamente e diga que a sua contribuição vai 
ajudar muito na evolução do produto. 


Tente fazer perguntas sobre o que ele mais gostou no produto e 
onde mais sentiu dificuldade. Será que ele indicaria aquele produto 
para um amigo? Esse tipo de questionamento ajuda a mostrar a 
sinceridade das pessoas. Aproveite a oportunidade também para 
perguntar o que ele melhoraria no produto - e não espere que ele 
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responda como um UX Designer responderia, claro. 


É importante deixar o usuário à vontade para ele perguntar o 
que quiser. Este é o momento de tirar todas as dúvidas que não 
puderam ser respondidas durante a aplicação do teste para não 
atrapalhar o resultado. 


O tempo das pessoas é algo muito valioso. Por esse motivo, é 
superimportante dar algo em troca pelo tempo dedicado ao teste. 
Veja no orçamento do projeto o que é mais interessante neste caso. 
Será que, para o público com o qual estamos falando, é melhor dar 
um vale presente de algum site ou uma quantia em dinheiro? 


Em projetos nos quais falamos com um público mais simples, o 
dinheiro é bem-vindo. Agora, se estamos falando com pessoas de 
uma classe social mais alta, talvez seja melhor presentear com um 
vinho, uma caixa de chocolate, ou mesmo o vale-brinde em uma 
loja que faça sentido para aquele público. 


Participantes e logística 


A consultoria Nielsen Norman Group, especializada em 
usabilidade, recomenda no mínimo 5 participantes em um teste de 
usabilidade. Se o número de perfis for muito variado, é 
recomendado usar entre 2-5 usuários por cada grupo de perfil. 


Em caso de dúvida e limitação de tempo, é melhor testar com 
uma pessoa do que não testar com ninguém. Não deixe que as 
barreiras sejam limitações para você ter contato com o seu usuário. 


A qualidade do recrutamento é mais importante do que a 
quantidade. É de extrema importância falar com as pessoas que de 
fato usarão seu produto. Neste momento, é bom evitar falar com 
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pessoas que já trabalham na área, mesmo que façam parte do 
público-alvo do projeto. Pessoas que trabalham com Tecnologia, 
Design e Publicidade possuem muitos vícios e, normalmente, são 
bem experientes com o digital para contribuírem com um teste de 
usabilidade. 


Os testes podem ser realizados pessoal ou remotamente. A 
solução remota é uma opção quando temos dificuldades de 
encontrar o usuário pessoalmente. Hoje em dia, existem diversas 
ferramentas que nos auxiliam nesse tipo de teste. Isso também 
ajuda no custo do projeto e, para algumas pessoas, é mais cômodo 
participar de um teste de casa ou do trabalho. 


A logística de um teste é fundamental para que tudo ocorra 
conforme planejado. Tente fazer um checklist de tudo o que 
precisa ser preparado, e verifique-o a cada nova sessão. Você pode 
perder uma sessão inteira somente porque esqueceu de ligar a 
câmera antes do início da aplicação de um teste, por exemplo. 


Algumas questões importantes que não podem ser esquecidas 
são: 


Confira se o seu protótipo está funcionando corretamente; 


Confira se todos os equipamentos estão em carregados; 


Veja se a filmadora está funcionando; 


Cheque se a sala do teste está limpa e organizada; 


Limpe os cookies do browser para o próximo teste. 


Também é muito importante não esquecer de instalar o 
software que vai fazer a captura das telas durante o teste. Já utilizei 
alguns como Morae, Camtasia e QuickTime. A ferramenta que 
mais gostei foi o Morae, porque foi desenvolvida com o foco em 
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testes de usabilidade. Ele tem algumas funções que facilitam o 
processo de análise. Se duas pessoas estiverem conduzindo o teste, 
enquanto uma conduz a sessão junto ao usuário, outra pode fazer 
registros que já vão servir para o relatório de findings. 


É fundamental confirmar a participação com o usuário antes 
do início da sessão. Imprevistos podem acontecer, e o usuário pode 
sentir a necessidade de cancelar. Neste caso, é recomendado ter 
uma lista de espera no recrutamento. Em todo teste de usabilidade 
acontece de alguém não poder participar por algum motivo; é 
natural. 


Já vimos que os aprendizados e insights sobre o produto devem 
vir dos reais usuários do produto. Por isso, é fundamental recrutar 
pessoas que fazem parte do público-alvo do projeto. Se tiver 
dificuldades de encontrar os usuários para o teste, utilize empresas 
parceiras que possuem experiência em recrutamento de usuários 
com características específicas. 


Para realizar um recrutamento assertivo, é importante fazer o 
que chamamos de screener. O screener é um roteiro de perguntas 
que ajuda a selecionar exatamente as pessoas que precisamos para 
a pesquisa. Em um projeto de turismo, por exemplo, podemos 
sentir a necessidade de falar com quem viaja com a família a lazer e 
quem viaja com frequência por motivos de trabalho. 


Outra divisão que podemos fazer são de pessoas que já usam a 
plataforma que estamos fazendo e não são clientes do produto em 
que estamos trabalhando. Com isso, conseguimos distribuir bem o 
público que participará da pesquisa. 


Um bom screener deve se preocupar em eliminar rapidamente 
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as pessoas com que não precisamos falar. Se queremos falar com 
quem gosta de viajar, temos de descobrir isso logo nas primeiras 
perguntas. Assim, não gastamos o tempo nem de quem vai 
recrutar, nem da pessoa entrevistada. 


Aplicação do teste 


Antes de realizar o teste de usabilidade, é interessante fazer um 
teste piloto com pessoas do time para validar o tempo de cada 
tarefa e enxergar possíveis melhorias no roteiro que será utilizado 
com os usuários reais. Com isso, você não corre o risco de errar no 
teste real devido a toda a logística que vimos anteriormente. 


Um teste de usabilidade não deve ser tratado como uma 
cerimônia ou um evento. Tente parecer um bom papo entre duas 
pessoas. Os usuários precisam se sentir confortáveis, abertos, 
honestos e, principalmente, críticos. 


É importante recebê-los na sessão de teste com um sorriso no 
rosto e começar a puxar assunto para quebrar o gelo. Cuidado para 
não trazer um assunto que talvez o incomode. Não adianta falar 
bem do Flamengo se o cara é vascaíno desde criança. 


Agora, se você conseguir perceber algum assunto em comum, 
aproveite para criar uma relação bastante amigável. Uma vez que 
ele está à vontade, agradeça-o por participar e diga que a 
contribuição dele será muito importante para a evolução do 
produto ou serviço testado. 


Faz muita diferença explicar que o teste é algo bem divertido. É 
necessário ele saber que você vai fazer uma série de perguntas; peça 
para não se preocupar caso não queira responder alguma delas. 
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É fundamental também que a pessoa não se sinta culpada caso 
fique perdida ou não consiga realizar uma tarefa. Pergunte se o 
usuário tem alguma dúvida antes de começar a entrevista. Caso 
não possa responder naquele momento, deixe claro que você vai 
responder ao final. 


Caso necessite usar fotos e vídeos no relatório de findings, crie 
e imprima um termo de compromisso e peça para o usuário 
assinar. Deixe claro que a sessão será gravada e que esse material 
não será divulgado em nenhum lugar; servirá apenas de insumo 
para o time que está trabalhando no projeto. 


É fundamental o usuário não se sentir testado. Não esqueça de 
lembrá-lo desse ponto e, mesmo lembrando, algumas pessoas 
podem se sentir testadas, e esse comportamento pode atrapalhar o 
resultado. Por isso, evite ambientes com cara de laboratório que 
podem intimidar as pessoas. Quanto mais à vontade elas ficarem, 
melhor. 


Tente entender o modelo mental das pessoas enquanto 
realizam uma tarefa. Não ajude o usuário a realizar uma tarefa; 
estimule-o caso esteja com dificuldades ou se sentindo perdido. 
Volte à pergunta básica e relembre-o de qual é o objetivo da tarefa 
que está tentando realizar. Só ajude o usuário caso ele esteja muito 
perdido e você quer que ele passe por outras tarefas que dependem 
da que está fazendo. 


Entre uma sessão e outra, é interessante fazer um debrief com o 
time para identificar os pontos mais importantes da aplicação do 
teste. O debrief é o momento de sentar com o time para passar o 
que foi aprendido na última sessão e discutir questões sobre o 
protótipo. O objetivo é deixar todo mundo na mesma página sobre 


160 5.6 TESTE DE USABILIDADE 


o resultado. O tempo entre um teste e outro também serve para 
fazer uma revisão no protótipo e melhorar a abordagem das 
tarefas. Procure observar se alguma coisa não está funcionando em 
toda logística para ajustar para o próximo teste. 


Os insights e os problemas encontrados durante um teste de 
usabilidade são ótimas oportunidades de melhoria no produto. 
Mas cuidado com a interpretação dos problemas encontrados. 


Depois das sessões, é o momento de analisar tudo e priorizar o 
que vai ser ajustado. Três perguntas são importantes no momento 
de priorizar aquilo que será corrigido: 


1. O problema acontece em uma tarefa crítica? 
2. O problema impede os usuários de prosseguir com sucesso? 
3. O problema é persistente no produto? 


Após a priorização dos problemas que serão resolvidos, é 
recomendado fazer uma nova rodada de testes para entender o que 
persiste e o que está funcionando corretamente. O processo de 
design é bastante iterativo. 


Esse método de construção e validação é bastante contínuo, e 
tudo isso deve ser controlado de acordo com o tempo disponível. 
O mais importante é tornar isso natural e cultural dentro do 
processo de construção de produtos digitais. 


Vamos imaginar que, na primeira rodada de testes, os usuários 
tiveram muitas dificuldades em entender uma nova maneira de 
buscar destinos de viagem, de forma mais aspiracional. Na 
segunda rodada, o foco deve ser em testar os ajustes que foram 
feitos nesta tarefa, por exemplo. 
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Testar com usuários é sempre uma nova oportunidade de 
aprender ainda mais com quem usa nossos produtos. Depois dos 
testes, é hora de reunir todo o conhecimento para dividir com o 
time e o cliente através de uma apresentação das descobertas. 


Apresentação de findings 


É fundamental dividir todo o aprendizado adquirido nos testes 
de usabilidade com o time e, principalmente, com o cliente que lhe 
contratou para executar o trabalho. Todo aprendizado serve para o 
grupo priorizar os problemas que serão resolvidos em curto, médio 
e longo prazo. 


Porém, a prioridade depende muito das coisas que são mais 
importantes para a empresa. Se estamos falando de um site de 
companhia aérea, o booking de compra de passagens deve estar 
impecável. 


As descobertas podem ser divididas em temas específicos para 
facilitar o entendimento de quem vai receber o conteúdo. Um 
tema no teste de usabilidade de um site de compra de passagens 
pode ser a dificuldade que os usuários tiveram ao comprar um 
seguro viagem durante o fluxo de compra. 


Use vídeos, anotações e fotos tiradas no teste de usabilidade 
para ilustrar aquilo que você quer mostrar ao time. Nada é mais 
forte do que mostrar a voz do usuário; com fatos reais, não há 
suposições que fiquem de pé. 


Não se preocupe muito com o formato; este depende da pessoa 
para quem será apresentado. Pode ser uma apresentação em 
Keynote, de forma mais ilustrativa, ou um documento com mais 
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detalhes, quase no formato de relatório mesmo. 


Exercício de teste de usabilidade 
Passo 1 


O primeiro passo é escolher o produto que será testado. Na 
maioria das vezes, realizamos testes de usabilidade em produtos 
que estamos criando. Entretanto, para este exercício, vamos usar 
um que já existe no mercado. Vamos continuar na indústria de 
viagens e usar o site Decolar.com (https://www.decolar.com/) para 
fazer o exercício. 


Passo 2 


Depois de definir o produto que será testado, é importante 
estabelecer os objetivos por trás do teste de usabilidade. Neste 
exercício, vamos imaginar que o teste nos ajudará a identificar se 
as pessoas conseguem comprar o principal produto do site, sem 
maiores dificuldades. Outro objetivo também pode ser identificar 
se elas percebem o site também como uma ferramenta que ajuda a 
planejar uma viagem. 


Passo 3 


Depois de definir os objetivos da pesquisa, fica mais fácil 
escolher as interfaces que serão testadas. Como o site da 
Decolar.com vende passagens, hospedagem e pacotes, vamos testar 
os seguintes fluxos: 


e Fluxo de compra de pacote Voo + Hotel; 
e Fluxo de compra de um ingresso para uma atração na 
Disney; 
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e Fluxo de adicionar atrações na área "Minhas Atrações”. 


Passo 4 


Faça o recrutamento das pessoas que vão participar do teste de 
usabilidade. Como o site da Decolar.com é responsivo, dividiremos 
o teste entre 5 usuários no desktop, e 5 no celular. 


Vamos supor também que o site precise ter um alto nível de 
acessibilidade e, para colocá-la à prova, precisaremos recrutar, pelo 
menos, 2 usuários com necessidades especiais. Pode ser uma 
pessoa daltônica e outra com baixa visão, por exemplo. 


Passo 5 


Escreva o roteiro que servirá para conduzir o teste de 
usabilidade. É fundamental quebrá-lo em algumas etapas. 
Primeiro, faça uma introdução para receber o usuário com o 
propósito de deixá-lo à vontade e sem dúvidas de como funciona 
um teste de usabilidade. 


Antes de entrar nas tarefas específicas que ele realizará, elabore 
algumas perguntas que tratam sobre o perfil do usuário e sua 
relação com produtos deste segmento. Por exemplo, podemos 
fazer as seguintes perguntas antes de entrar nas tarefas: 


e Nome completo. 

e O que costuma fazer na internet? 

e Como costuma escolher o próximo destino de viagem? 

e Como costuma organizar a viagem? 

e Quais são os produtos que costuma usar para acompanhar 
preços de passagens e hotéis? 
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Depois de fazer algumas perguntas introdutórias, é hora de 
entrar nas tarefas que ajudam a medir o sucesso dos fluxos que 
listamos no passo 3. Vamos à primeira tarefa: 


e Tarefa 1 - Vamos imaginar que você decidiu fazer uma 
viagem com a sua família no próximo Natal e, como você 
está sem tempo para pesquisar de forma separada, resolveu 
comprar em um site especializado que faz isso para você. 
Como você faria para comprar uma viagem que inclui 
Passagens + Hospedagem? 


e Tarefa 2 - Vamos supor que você vai viajar com a sua 
família pela primeira vez para a Disney. Vocês já 
compraram passagens, hospedagem e, inclusive, já 
reservaram um carro que usarão em Orlando. A viagem 
está bem próxima e você ainda não comprou nenhum 
ingresso para aproveitar as atrações nos parques da Disney. 
Como você faria para comprar ingressos no site da 
Decolar.com? 


e Tarefa 3 - Vamos supor que você já viu várias atrações 
para visitar em Orlando e precisa tomar a decisão em 
conjunto com seu(sua) companheiro(a) e seu(sua) filho(a). 
Como você faria para salvar as atrações que você gostaria 
de visitar para compartilhar com eles? 


Vale lembrar de que as três tarefas estão focadas nos objetivos 
que foram listados no passo 3 deste exercício. 


Passo 6 


Este passo seria para montar o protótipo para o teste de 
usabilidade. Como o site já está no ar, vale aqui montar um 
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ambiente adequado ao teste. Tente usar um computador que a 
maioria das pessoas usa. Se a maioria dos usuários do site da 
Decolar.com usa PC com Windows, procure não fugir disso. 


Depois, arrume a sala para preparar o seu ambiente de teste. 
Basta que seja uma que seja reservada e não tenha tanto barulho 
externo. Não se esqueça de fazer um checklist para ver se tudo o 
que você precisa para o teste está funcionando: 


e Software que será utilizado para gravar a tela do usuário 
funcionando; 

e Imprima o recibo da bonificação que será paga ao usuário; 
e Imprima o termo de confidencialidade e direitos de uso da 
imagem do usuário para a apresentação das descobertas; 

e Instale o navegador que o usuário usa naturalmente em sua 
casa; 

e Limpe o histórico de navegação entre um teste e outro; 

e Faça um debriefing com time entre um teste e outro. 


Passo 7 


Antes de iniciar o teste de usabilidade, faça um piloto com 
alguém da empresa para verificar se o tempo do teste e, 
principalmente, se o roteiro atingem os objetivos planejados; faça 
isso antes do teste final com as pessoas recrutadas. O teste piloto 
ajuda a verificar potenciais problemas. 


Passo 8 


Faça uma apresentação de findings com os principais 
aprendizados do teste de usabilidade. Os aprendizados podem ser 
registrados em uma planilha em temas específicos para facilitar o 
entendimento de quem vai consumir o documento. 
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Os findings podem ser feitos em um relatório mais completo e 
em uma apresentação executiva. Vamos ver alguns exemplos de 
aprendizados que podem surgir a partir de um teste de usabilidade 
em um site de viagens: 


e Aprendizado 1 - A maioria dos usuários conseguiu 
realizar a compra de Passagens + Hospedagem, mas 
algumas pessoas ficaram com dúvidas se compravam 
através do menu "Pacotes" ou deveria ter uma opção de 
menu global "Voo + Hotel". A dúvida aqui é se essa 
navegação deveria ficar dentro da ferramenta de busca, ou 
presente no menu principal do site. 


e Aprendizado 2 - A maioria dos usuários ficou na dúvida 
se clicavam em ingressos ou em Disney, para comprar 
ingressos. Essa dúvida inicial fez com quem as pessoas 
gastassem uma certa energia tentando entender onde fazia 
mais sentido. Assim, talvez gere mais confusão na cabeça 
do usuário ter duas opções que levem ao mesmo objetivo. 


e Aprendizado 3 - Algumas pessoas tiveram dificuldades de 
entender que poderia salvar as atrações. Parecia que 
estavam colocando os ingressos em um carrinho de 
comprar, e não apenas salvando para compartilhar com 
outras pessoas. Essas mesmas pessoas acharam que deveria 
ter uma opção mais fácil de compartilhar a atração na 
página. 


5.7 CONCLUSÃO 


Neste capítulo, entendemos alguns dos principais conceitos de 
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usabilidade e vimos algumas ótimas práticas de avaliação 
heurística em interfaces digitais. Em seguida, aprendemos como o 
teste de usabilidade nos ajuda a validar o que funciona e o que não 
funciona nos produtos digitais. A mensagem final deixa claro que 
devemos realizar testes com usuários, mesmo com todas as 
limitações que enfrentamos no decorrer de um projeto. 


O próximo capítulo tem objetivo de mostrar as possibilidades 
que o mercado de UX oferece para aquelas pessoas que querem 
começar a trabalhar na área. Vamos abordar os melhores modelos 
de trabalho no Brasil e na gringa, e como devemos nos preparar 
para abraçar as oportunidades oferecidas pelo mercado. 
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CarírtuLo 6 


COMO COMEÇAR A 
TRABALHAR COMO UX 
DESIGNER 


O propósito inicial deste livro é ajudar as pessoas que querem 
trabalhar como UX Designers. Normalmente, existem muitas 
pessoas talentosas, principalmente nas universidades ou 
escondidas em cidades nas quais o mercado não tem tanta tradição 
na área; também acontece de as pessoas estarem um pouco 
perdidas sem saber no que focar profissionalmente, por pura falta 
de conhecimento sobre como funciona uma determinada 
profissão. 


Este livro sozinho não vai transformá-lo em um UX Designer 
de uma hora para outra, mas vai ajudá-lo a visualizar os caminhos 
iniciais que você pode seguir para alcançar seus objetivos de 
carreira. Como disse no início do livro, não é fácil e não existem 
atalhos para alcançar qualquer coisa na vida. Para alcançar 
qualquer desafio ou meta para sua carreira profissional, é sempre 
muito importante se dedicar ao extremo. 


Caso tenha dúvidas disso, pesquise mais sobre como aconteceu 
o sucesso de alguns dos profissionais que você mais admira. Com 
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toda certeza, nada foi da noite para o dia. 


Ao longo do livro, vimos algumas das etapas mais importantes 
da construção de um produto digital de sucesso. No primeiro 
capítulo, fizemos uma introdução sobre a disciplina de UX e quais 
os principais desafios para quem está começando. No segundo, 
focamos no valor dos entregáveis feitos pelo UX Designer e como 
essa documentação acontece em parceria com outros profissionais, 
como Visual Designers, Estrategistas e Desenvolvedores, por 
exemplo. 


No terceiro capítulo, entramos na disciplina de Arquitetura de 
Informação e vimos qual é a sua importância para a construção de 
uma boa estrutura de conteúdo. No quinto, trabalhamos com 
como as interfaces são pensadas e desenhadas, e com boas práticas 
no momento da criação. E para fechar a parte técnica, concluímos 
com o capítulo que fala sobre usabilidade em produtos digitais. 


Agora chegou o momento de entender como fazer parte do 
mercado de trabalho. O mercado brasileiro evoluiu bastante nos 
últimos anos e, agora, muitas empresas se atentaram para a 
necessidade de ter profissionais totalmente dedicados à atividade 
de UX. Quando o mercado ainda estava imaturo, poucas delas 
tinham pessoas dedicadas a esta disciplina. Só que este cenário 
mudou bastante e, atualmente, existe uma infinidade de empresas 
que buscam pessoas com este perfil. 


A profissão de UX Design costuma ser bastante 
multidisciplinar, por isso acaba tendo pessoas de formações bem 
diferentes e inusitadas. No Brasil, é muito comum termos UX 
Designers formados em Jornalismo, Biblioteconomia, Publicidade, 
Design e Sistema de Informação. Eu me formei em Produção 
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Publicitária e uma das melhores profissionais que conheço e com 
quem tive a oportunidade de trabalhar é formada em 
Biblioteconomia. E uma formação em Biblioteconomia dá uma 
base muito boa para quem quer se tornar um especialista em 
Arquitetura de Informação, por exemplo. 


A multidisciplinaridade do profissional de UX ajuda bastante, 
porque todo o seu pensamento e conhecimento se conecta muito 
bem com profissionais de estratégia, design e tecnologia. A 
diversidade e a união são fatores fundamentais que contribuem 
para gerar valor para a construção de produtos digitais inovadores 
para o mercado, e principalmente para os usuários. 


Nos últimos anos, o time do UXPA tem divulgado uma 
pesquisa sobre o perfil do profissional que trabalha com UX no 
Brasil. O objetivo dessa pesquisa é analisar o perfil demográfico, a 
formação, os locais de trabalho, as atividades executadas, a 
experiência na área e a média de salário. A pesquisa mostra 
claramente como o mercado tem evoluído nos últimos dez anos. 


Os grandes centros de atuação profissional ainda são São 
Paulo, Rio de Janeiro e Porto Alegre. As atividades realizadas 
também evoluíram bastante. No início, os entregáveis que mais 
fazia parte da rotina desses profissionais eram sitemaps e 
wireframes. 


Hoje em dia, já existe muito mais espaço para contribuir 
dentro de um projeto no qual existe a possibilidade de produzir 
Jornadas de Usuários, Personas, Visão de Produto e Blueprints. O 
mercado amadureceu, e a pesquisa com usuários é algo que já 
parece mais natural dentro de grandes projetos digitais. 
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Dificilmente você ficará rico trabalhando como UX Designer, 
mas também não é uma área desvalorizada. Se você for um bom 
profissional, vai receber um salário que seja digno comparado com 
várias outras profissões que temos no Brasil. 


Claro que essa questão depende do tamanho da empresa e do 
grau de experiência que você possui. É possível ganhar um salário 
melhor se você for trabalhar nos Estados Unidos ou na Europa, 
onde diversas outras profissões são supervalorizadas. Mas antes de 
pensar em trabalhar lá fora, é muito importante pegar mais 
experiência no mercado brasileiro. 


Trabalhar fora do Brasil é consequência do domínio que você 
tem na disciplina e, principalmente, na língua e na cultura do local 
onde você escolheu viver e trabalhar. Se o seu objetivo é desenhar 
boas experiências digitais, é fundamental conhecer a fundo uma 
cultura. 


Quando o mercado ainda estava no início, a maioria das vagas 
limitava-se apenas às agências de publicidade, que começaram a 
estruturar o processo de criação de sites e sistemas. Nessa época, 
ainda nem se falava em aplicativos. 


Esse cenário também mudou bastante e, atualmente, existem 
oportunidades de grandes projetos em agências, startups, 
consultorias e empresas que também começaram a montar seus 
times de UX. Vivemos em uma época na qual algumas marcas de 
grande porte perceberam a importância de ter dentro de casa uma 
área com o pensamento de inovação e UX. O site Uxers 
(https://uxers.in/) lista várias empresas que precisam ou têm esses 
profissionais em seus quadros de funcionários. 
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UX Designers são perfis autodidatas por natureza. Talvez seja 
por nunca ter tido uma graduação formal para esse tipo de 
trabalho. Normalmente, são pessoas bastante curiosas, com sede de 
aprender coisas novas. Algumas características são fundamentais 
para que esse perfil consiga exercer essa função com mais 
facilidade. Para identificar se um talento pode atuar como UX 
Designer, alguns fatores são: 


e Organização: a pessoa precisa ter o pensamento bastante 
estruturado e saber organizar as coisas da forma que faz 
mais sentido para um determinado objetivo, sem gerar 
dúvidas ao usuário. Ela precisa conseguir trabalhar com 
uma grande massa de informação. 


É muito importante também ser capaz de transmitir todo o 
conhecimento gerado ao longo de um projeto. A parceria 
entre designers, desenvolvedores, gerentes de projeto e, 
principalmente, com o cliente faz muita diferença para o 
UX Designer conseguir comunicar seus aprendizados e 
soluções. 


e Comunicação: o UX Designer precisa ser um bom 
comunicador. Sua comunicação tem de ser clara, concisa e 
coerente. Se esse profissional não tiver o domínio da 
comunicação, dificilmente conseguirá fazer o mesmo com 
as interfaces que cria. 


Projetar uma interface é um grande processo de 
comunicação entre uma interface e o usuário que interage 
com ela. Saber vender o que se cria também é fundamental 
no seu processo de trabalho. 
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e Sensibilidade: é fundamental o UX Designer estar atento a 


todas as pessoas que o cercam e tudo que é possível fazer 
com as tecnologias atuais. A sensibilidade desse 
profissional ajuda-o a descobrir quais decisões são 
melhores para quem vai usar o produto construído. 


E para fazer esse trabalho acontecer, é muito importante 
conhecer sites novos, baixar os aplicativos do momento, se 
aprofundar no assunto e conhecer novas metodologias que 
melhoram o resultado do seu trabalho. Para ficar por 
dentro do que está acontecendo na área, procure 
acompanhar aquelas pessoas que vão publicar conteúdos 
atuais e relevantes. 


Experimentação: mesmo que você tente ler todos os livros 
sobre o assunto, isso não lhe garante ser um profissional 
completo, que sabe tudo. Mesmo que você faça uma 
infinidade de cursos e participe de vários eventos, ainda 
não será suficiente. Dificilmente algo será mais eficiente do 
que colocar a mão na massa e experimentar bastante. 


As técnicas necessárias para ser um bom UX Designer só se 
aprende na prática e com muita repetição. É preciso 
pesquisar muito como fazer vários testes de usabilidade 
para se ter os métodos no seu sangue. E conhecer os 
métodos não é garantia de bom resultado; ele é só uma 
forma de você organizar o pensamento para colocar o 
trabalho em prática. 
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Não existe uma fórmula mágica por onde começar, mas 
existem alguns caminhos que o ajudam a organizar a sua trajetória. 
O maior site de UX Design em português é o 
https://brasil.uxdesign.cc, que tem um guia completo para quem 
tem o interesse em se aventurar na área. Recomendo a leitura. O 
nome do artigo é Como começar em user experience design 
(indicado ao final do capítulo). 


O primeiro passo para quem quer aprender UX é acompanhar 
profissionais relevantes no Brasil e no mundo. Por isso, é 
superimportante dominar o inglês. Encontre os profissionais que 
são referências em diversas especialidades e crie o hábito de ler 
aquilo que aquelas pessoas estão escrevendo sobre UX. 


Tome muito cuidado para não se perder nos estudos iniciais. O 
site brasileiro de UX (https://brasil.uxdesign.cc) dá uma boa base 
para começar, e p ajudará a encontrar conteúdos relevantes de 
várias pessoas que escrevem lá. Uma ótima forma de acompanhar 
o que esses profissionais estão falando também é pelo Twitter e, 
principalmente, pelo Medium. Alguns dos profissionais mais 
recomendados do Brasil e do mundo são: 


e Julie Zhuo  (https://medium.com/joulee) é vice- 
presidente de produto do Facebook e foi uma das primeiras 
a ingressar no time de design da empresa. Julie escreve 
frequentemente no Medium sobre os desafios de trabalhar 
em produto na proporção que o Facebook tem. Ela 
também tem uma lista de e-mail, na qual ela escreve 
diversos textos tirando dúvidas das pessoas que a seguem. 


e Jared Spool (https://medium.com/Gjmspool) é um 
pesquisador, palestrante e especialista em usabilidade. Ele 
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também é fundador do User Interface Engineering, com o 
objetivo de criar treinamentos voltados à disciplina de UX. 
Jared produz uma série de podcasts, chamada UIE.FM 
Master Feed, que também conta com a participação de 
diversos profissionais do mercado. 


Jake Knapp (https://jakeknapp.com/) é autor do livro 
Design Sprint, do Google. Ele posta bastante conteúdo no 
Twitter sobre o método e como podemos construir 
produtos relevantes de maneira mais ágil. 


Fabrício Teixeira (https://fabricio.work/) é fundador e 
editor do site (https://brasil.uxdesign.cc). Ele é brasileiro e 
começou sua carreira na antiga Agência Click. Atualmente, 
é diretor de design na Work & CO, no escritório de Nova 
Iorque. Fabrício posta bastante conteúdo sobre UX no 
Twitter. 


Peter Morville (http://semanticstudios.com/) é um dos 
pioneiros no assunto Arquitetura de Informação e UX. Ele 
é autor do livro Information Architecture for the World 
Wide Web, e ajuda empresas a estruturem seus conteúdos 
desde 1994. Atualmente, trabalha evangelizando a 
importância da disciplina por meio de palestras e 
workshops. 


Jorge Arango (https://jarango.com/blog/) é coautor do 
livro Information Architecture for the World Wide Web. 
Jorge escreve com bastante frequência em seu blog sobre 
diversos assuntos que se relacionam com a disciplina de 
Arquitetura de Informação. 
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e Steve Portigal 
(https://www.linkedin.com/in/steveportigal/) é autor de 
um dos melhores livros sobre entrevistas com usuários 
(chamado Interviewing Users). Ele também apresenta uma 
série de podcasts chamada Dollars to Donuts, na qual 
entrevista diversos especialistas em pesquisas com usuários 
em produtos de grande porte. 


e Abby Covert (http://abbytheia.com/) é autora do livro 
How to Make Sense of Any Mess. Abby traz nele uma visão 
mais moderna sobre a disciplina de Arquitetura de 
Informação. 


e Alan Cooper (https://twitter.com/mralancooper) é 
fundador da empresa Cooper, focada em experiência do 
usuário e estratégia. Alan também é autor de diversos livros 
famosos quando o assunto é UX, sendo o mais conhecido o 
About Face: The Essentials of Interaction Design and The 
Inmates Are Running the Asylum, que traz muito conteúdo 
relevante sobre vários métodos que ajudam na construção 
de produtos digitais. 


Esses são apenas alguns dos principais nomes que possuem 
bastante relevância tanto na produção quanto no 
compartilhamento de conteúdos técnicos. Acompanhar todos é o 
primeiro passo para se manter conectado com a área, e uma 
grande fonte de aprendizado e inspiração. 


O segundo passo para entrar no mercado de trabalho é 
procurar alguém que pode ser seu mentor. Busque alguém que 
você admira e tente aprender com essa pessoa. Mesmo que você 
não tenha contato pessoal com o seu mentor, tente imaginar o que 
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ele está falando por meio do que ele escreve no Medium, no 
Twitter e em outros canais. 


Siga seus conselhos, e depois tente adaptar a sua forma de fazer 
e pensar. Procure não quebrar as regras antes de dominá-las. Se 
você tiver a oportunidade de ter contato com ele(a), melhor ainda. 
Esta relação vai fazer muita diferença na velocidade com que você 
consegue aprender para ter uma oportunidade no mercado de 
trabalho. 


Procure também trabalhar em lugares em que você terá a 
oportunidade de aprender com outras pessoas da mesma 
disciplina. Se você for o único profissional de UX na empresa, terá 
muita dificuldade de saber se o que você está fazendo faz sentido 
ou não. Essa situação dificulta bastante a evolução no início da 
carreira, porque falta bastante a oportunidade de trocar 
experiências sobre a área com outros profissionais. 


Isso faz uma tremenda diferença, principalmente no momento 
em que você ainda está absorvendo os conceitos iniciais da área. É 
mais rápido descobrir se está fazendo certo quando há alguém por 
perto que entende melhor do processo do que você. 


Tenha no sangue o pensamento de pensar e fazer produtos que 
resolvam problemas. Uma forma muito interessante de aprender é 
tentar melhorar um produto que você gosta e cuja experiência você 
acha ruim. 


Por exemplo, como seria o novo Gmail para você? Use esses 
projetos para experimentar metodologias que façam sentido e 
mostre a outras pessoas da área, assim, você verá o que precisa 
melhorar. Não tenha medo de errar; quanto mais cedo isso 
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acontecer, mais rápido será o aprendizado. 


Muita gente reclama que a ferramenta de e-mail perdeu a 
função, e várias outras ferramentas são mais úteis e relevantes que 
ela. Pegue esta discussão e tente pensar em qual seria a função do 
e-mail nos próximos anos. Imagine qual seria a forma mais útil de 
usar um e-mail no futuro, pegue todos os conhecimentos 
adquiridos ao longo do livro e coloque em prática para resolver 
esse problema. 


Outra forma de aprender é tentar resolver problemas que 
fazem parte da sua rotina, ou da vida de outras pessoas. Entenda 
melhor sobre o problema e crie um produto. Neste momento, 
basta usar a criatividade e a vontade para resolver problemas que 
estão à sua frente. Conheça pessoas que vão ajudá-lo nesta missão; 
desenvolvedores são ótimos parceiros neste sentido. 


Vamos imaginar que você identificou uma dificuldade grande 
na organização das pastas na empresa na qual você está trabalhado. 
Parece bobeira, mas esse trabalho de organização é um ótimo 
exercício de Arquitetura de Informação. Mesmo porque você terá 
de entender todos os problemas envolvidos para solucionar da 
maneira que faça mais sentido para o público que vai usar as 
pastas. 


Você precisará pensar nos rótulos mais coerentes para as 
pessoas que utilizam as pastas. E se possível, é muito importante 
testar se a nova Arquitetura de Informação que está criando faz 
sentido. O teste pode ser feito pela ferramenta Treejack, criada pela 
empresa Optimal Workshop 
(https://www.optimalworkshop.com/). 
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O Treejack funciona como se fosse um teste de usabilidade em 
uma árvore de navegação. Você pode criar tarefas relacionadas às 
pastas e, por meio da ferramenta, conseguir medir como funciona 
o modelo mental dos usuários ao tentarem realizar as tarefas 
propostas. 


6.2 LIVROS SOBRE UX 


A leitura de um livro é a melhor forma de aprender e se 
aprofundar em assuntos específicos. Existem diversos livros 
publicados sobre o UX. Os livros Information architecture: for the 
web and beyond (ROSENFELD; MORVILLE; ARANGO, 2015) - 
conhecido como livro do Urso Polar - e About Face (COOPER; 
REIMANN; CRONIN, 2014) são duas publicações que você deve 
ter em sua cabeceira. 


O primeiro é bastante profundo em relação à Arquitetura de 
Informação, e o segundo aprofunda-se em diversos métodos que 
fazem parte da rotina de um UX Designer. Existem também novos 
livros que trazem uma visão mais moderna à área: 


e Não me faça pensar, escrito por Steve Krug (2015) e 
publicado no início dos anos 2000. É considerado um dos 
melhores livros quando se trata de bom sendo em relação à 
preocupação que um designer deve ter ao projetar um 
sistema que seja fácil e não deixe as pessoas perdidas. 


e The Design of Everyday Things, escrito por Donald 
Norman (em português, O design do dia a dia). A 
publicação traz alguns exemplos de produtos físicos e deixa 
claro que problemas de usabilidade nunca são culpa do 
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usuário. Se uma pessoa tem dificuldade de usar qualquer 
produto, é sempre culpa de quem projetou a interface. 


The Elements of User Experience, escrito por Jesse James 
Garrett (2010), com o objetivo de criar uma linguagem 
universal para documentar o funcionamento de interfaces. 
A biblioteca criada por Garret foi o pontapé inicial que a 
indústria precisava para se desenvolver por conta própria. 


Sprint: How to Solve Big Problems and Test New Ideas in 
Just Five Days, escrito por Jake Knapp, John Zeratsky e 
Braden Kowitz (2016). O objetivo do livro é ensinar como a 
construção de um produto pode ser feita de forma mais 
enxuta, uma vez que o processo de trabalho seja bem 
estruturado. O livro traz diversas dicas de recrutamento de 
usuários para participar da validação da solução no quinto 
dia. 


How to Make Sense of Any Mess: Information 
Architecture for Everybody, escrito pela Abby Covert 
(2014). Ela conta no livro algumas formas de estruturar a 
bagunça que está ao nosso redor. Ela tem um olhar bem 
mais moderno sobre a disciplina de Arquitetura de 
Informação. 


Interviewing Users: How to Uncover Compelling 
Insights, escrito por Steve Portigal (2013). O autor fala 
com muita clareza sobre as diversas maneiras de fazer 
pesquisa com as pessoas. Ele também traz no livro diversas 
situações enfrentadas durante pesquisas de que ele 
participou ao longo da sua carreira. 
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e Designing Interfaces: Patterns for Effective Interaction 
Design, escrito por Jenifer Tidwell (2011). A publicação 
traz bastante exemplos de padrões de interface que fazem 
com que as pessoas consigam usar uma interface digital e 
como isso tem evoluído ao longo dos anos. 


e Information Architecture: For the Web and Beyond, por 
Louis Rosenfeld, Peter Morville e Jorge Arango (2010). É 
sem dúvidas o livro mais completo sobre o assunto. A 
última edição foi lançada em 2015 e trouxe uma visão mais 
moderna, principalmente porque a anterior tinha sido 
antes do lançamento do iPhone, em 2007. O livro trata 
desde os princípios básicos da disciplina e se aprofunda nos 
4 pilares que formam a Arquitetura de Informação: Sistema 
de Organização, Sistema de Nomeação, Sistema de 
Navegação e Sistema de Busca. 


É claro que existem muito mais publicações sobre o assunto, 
mas esta lista já é bom começo para você. É muito importante 
consumir aos poucos para ter tempo e oportunidade de aplicar 
aquilo que acabou de aprender. 


Existem também livros mais curtos e específicos sobre uma 
determinada metodologia. Por exemplo, Dona Spender (2009) 
escreveu um somente para aprofundar-se no assunto de Card 
Sorting, o Card Sorting: Designing Usable Categories. Então, 
quando quiser focar em um assunto que tenha se interessado, basta 
buscar no Google que você encontrará o material. 
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Outra forma de absorver bastante conhecimento sobre UX é 
participar de eventos e cursos da área. Caso queira saber de mais 
eventos, basta acessar o site de UX do Brasil, que você vai 
encontrar uma lista completa dos eventos internacionais dentro e 
fora do país. Se você tiver condições de viajar e participar de algum 
evento lá fora, vale o investimento. Dessa maneira, você descobrirá 
rapidamente o que está acontecendo no mundo sobre a sua área de 
atuação. 


O número de eventos internacionais é bem mais amplo e 
relevante em alguns aspectos. O mercado americano, por exemplo, 
está muito mais maduro em UX por ter muitas empresas de 
tecnologia que investem pesado. O Vale do Silício contribui 
bastante para este cenário. 


Nos Estados Unidos, é possível encontrar alguns sites em que 
existem treinamentos presenciais e online. Existem cursos que 
duram uma semana e outros que podem chegar a um mês. Veja 
alguns eventos e cursos sobre UX. 


e WUD (World Usability Day) 
(http://worldusabilityday.org/) é um evento internacional 
onde se comemora o dia internacional da usabilidade. 
Acontece sempre no dia 08 de novembro, e todos os anos 
os organizadores definem um tema para que possa ser 
discutido em diversas partes do mundo. 


e Interaction South America (http://isa.ixda.org/2017/) é 
um dos maiores eventos sobre UX. Seu objetivo é unir a 
discussão sobre tecnologia, negócio, design, comunicação e 
interação humano-computador. 
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UX Week (http://uxweek.com/) é um evento tradicional da 
área, que acontece na cidade de São Francisco (EUA). São 4 
dias de inspiração, discussão e muita troca de 
conhecimento. Sem falar que essa é uma cidade que respira 
tecnologia e inovação, principalmente quando falamos de 
produtos digitais e boas experiências. 


General Assembly 
(https://generalassemb.ly/education/user-experience- 
design) é um site que possui diversos cursos sobre UX. A 
empresa oferece aulas online e presenciais com diversos 
períodos de duração. Normalmente, são cursos ministrados 
por profissionais relevantes e renomados no mercado. Vale 
a pena dar uma olhada e tentar ver o que se encaixa em sua 
necessidade. 


Interaction Design Foundation (https://www.interaction- 
design.org/) tem cursos de todos os tamanhos e para todas 
as necessidades. Eles possuem uma editoria voltada às 
pessoas que estão iniciando na carreira de UX. O site 
também apresenta uma comunidade bem ativa em torno 
da discussão sobre a área. Você pode assiná-lo por mais ou 
menos 8 dólares por mês, e consumir o conteúdo que for 
do seu interesse. 


Skill Share (https://www.skillshare.com/) também é um 
site parecido com o propósito do Interaction Design 
Foundation. Eles possuem diversos cursos que podem ser 
feitos com uma assinatura. O site não é focado em UX, mas 
tem diversos cursos da área. 


UX Mastery (https://uxmastery.com/) tem um curso 
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direcionado para quem está começando na área de UX, 
como também diversos artigos sobre a disciplina que 
ajudam as pessoas a darem os primeiros passos. 


6.4 COMO CONSTRUIR UM PORTFÓLIO 


A profissão de UX Designer é uma das áreas dependentes de 
ter um bom portfólio para conseguir um trabalho na área. Para ter 
um portfólio, é importante reunir os seus melhores trabalhos para 
você descrever a sua participação em cada projeto. No início de 
carreira, é difícil ter trabalhos que o ajudem a conseguir um 
emprego em um lugar relevante. 


Uma das maiores dificuldades, mesmo dos profissionais de UX 
mais experientes, é fazer o seu próprio portfólio. Parece ironia, 
mas todo o esforço que o profissional de UX usa para resolver 
problemas em projetos para os clientes não se reflete na 
organização do portfólio. Como diz o ditado, casa de ferreiro, 
espeto de pau. 


Pense na experiência de quem vai consumir o portfólio. Seja 
claro, torne a leitura prazerosa e cuide dos detalhes. Seja cuidadoso 
também com a parte visual; mesmo que você não seja bom em 
Visual Design, tente fazer algo que seja visualmente mais acabado. 
Se tiver dificuldades, peça ajuda para alguém. O trabalho do UX 
Designer também está muito relacionado a como ele trabalha e se 
comunica com outros perfis profissionais. 


O primeiro passo para fazer o seu portfólio é escolher os 
trabalhos dos quais mais se orgulha. Não se preocupe com a 
quantidade; o que vale sempre é a qualidade deles. Tente escolher 
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entre 3 a 6 projetos para produzir o portfólio, e procure também 
diversificar os trabalhos. 


Por exemplo, vamos supor que você tenha feito 3 projetos para 
a indústria financeira, 2 para a indústria de entretenimento, e 2 
para a de turismo. Para não ficar repetitivo, escolha um projeto de 
cada indústria. Pegue sempre o melhor e mais recente. 


Depois de escolher os melhores, tente encontrar uma 
ferramenta online para colocar seu portfólio no ar. Existem 
algumas soluções gratuitas e outras pagas para este fim. Veja qual 
melhor se encaixa em sua necessidade. 


Fazer uma pasta organizada com os seus trabalhos e mandar 
para a pessoa que vai entrevistá-lo deve ser sempre a última opção. 


e Dribble (https://dribbble.com/) é uma ferramenta que 
serve para Visual Designers divulgarem seus trabalhos. Ela 
é totalmente focada na parte visual das soluções. O objetivo 
final do site é mostrar as maiores tendências em Visual 
Design. 


e Behance (https://www.behance.net) também é mais focado 
em mostrar as últimas tendências no mercado de design. 
Não se limita ao trabalho de designers digitais, tem muito 
portfólio bacana de designers gráficos. A ferramenta 
também permite escrever mais sobre cada projeto. 


e Adobe Portfolio (https://www.myportfolio.com/) é a 
ferramenta de portfólio da Adobe. Ela é paga e possui 
diversos layouts prontos para facilitar a criação do 
portfólio. É integrada ao Behance, que também é da Adobe, 
e seu layout funciona tanto desktop quanto em dispositivos 
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móveis. 


e LinkedIn (https://www.linkedin.com) é uma ferramenta 
para você colocar toda a sua experiência profissional. Ela 
funciona como uma rede social focada em profissionais. No 
site, você pode cadastrar os principais projetos com que 
você trabalhou. É possível colocar o nome do projeto, 
descrição, time e link. 


Depois de saber qual é a melhor ferramenta para a sua 
necessidade, estruture aquilo que faz sentido detalhar em cada 
projeto. O resultado final é fundamental, mas não adianta você 
mostrar todas as metodologias possíveis se o resultado alcançado 
não é satisfatório. 


É importante entender que o seu portfólio é seu cartão de 
visitas. Lembre-se de que você está procurando emprego na 
indústria da comunicação e design. Por isso, a comunicação 
precisa ser clara e direta ao ponto; e tudo isso reunido serve para 
você se apresentar ao mercado. 


Fale logo de cara qual foi o seu real papel em cada projeto. 
Com isso, você já deixa claro para o entrevistador o que você fez e 
o que não fez. Por exemplo, em um determinado projeto, você 
pode ter sido responsável por criar e conduzir todas as sessões de 
entrevistas com usuários. Você pode também ter participado 
diretamente na construção da estratégia do produto. Deixe isso 
bem claro para todos que vão ler o seu portfólio. 


Depois, conte qual era o problema e como eles foram 
resolvidos através do design. Neste momento, as pessoas 
entenderão como você usou as metodologias de UX para resolver 
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os problemas. Como o trabalho de UX está muito ligado aos 
entregáveis, que servem de orientação para a produção, mostre 
alguns dos seus melhores entregáveis para que a pessoa que está 
avaliando possa analisar a qualidade do material. Se você foi 
responsável por desenhar jornadas dos clientes de uma marca, 
mostre sem medo. 


Para finalizar, deixe claro qual foi o resultado final do projeto e, 
se possível, traga alguns resultados que o cliente alcançou após o 
trabalho. Contra números, não há argumentos. Vídeos são boas 
formas de contar uma boa história. Se tiver algum material nesse 
sentido, use para ilustrar. Outro ponto importante é trazer o link 
caso o projeto esteja no ar como também os nomes das pessoas que 
participaram com você no projeto. 


Facilite o acesso aos seus trabalhos. Claro que, em alguns 
momentos, será necessário criar senha para aqueles que ainda não 
podem ser divulgados. Conte isto para a pessoa que está 
recrutando. 


Também é muito importante não esquecer de que deve ser 
possível visualizar seu portfólio em um celular, tablet ou desktop. 
Lembre-se de que o fácil acesso faz parte de uma boa experiência. 
Evite cometer erros básicos de usabilidade; as pessoas que estão 
recrutando normalmente têm uma vida bastante corrida, e 
dificilmente terão tempo de aprender a usar o seu site caso ele seja 
muito complexo. 


Outra forma de pensar na experiência do seu portfólio é 
adaptá-lo de acordo com a empresa que você vai enviar. Pense nos 
tipos de projetos que seria relevante mostrar para uma 
determinada empresa; pense também nas skills que precisam ser 
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mais reforçadas nele. 


Por exemplo, se você vai enviar os seus trabalhos para uma 
empresa que trabalha com o segmento bancário, traga para o seu 
portfólio o que você fez de relevante dentro daquela indústria. Se 
tiver números que mostram o sucesso do projeto, melhor ainda. 


6.5 PRODUZA CONTEÚDO SOBRE UX 


Outra maneira bastante interessante para novos entrantes no 
mercado é tentar produzir conteúdos sobre UX. Esse tipo de 
atitude ajuda a memorizar aquilo que você está aprendendo e serve 
como uma ótima forma de você aparecer no mercado. Só tome 
cuidado para não focar tanto na produção de conteúdo e fazer 
poucos projetos. É importante expor seu ponto de vista sobre 
várias questões que envolvem um projeto digital. 


Você pode postar todo o conteúdo que está aprendendo em 
plataformas como o Medium, ou mesmo no Twitter. O Medium é 
uma plataforma para pessoas que gostam de escrever e tem uma 
experiência incrível, tanto para quem escreve quanto para quem lê. 
Pense em alguns temas que você gostaria de publicar e crie uma 
agenda para que você poste com uma certa frequência. 


Por exemplo, você pode escrever como a evolução dos celulares 
ao longo dos anos tem impactado tanto a compra quanto o uso de 
notebooks em ambientes residenciais. Você pode escrever também 
sobre a diferença de projetar uma Arquitetura de Informação para 
um website e um aplicativo. 


Você não precisa ser um ótimo redator para escrever sobre um 
determinado assunto. Aliás, a escrita é uma ótima forma de 
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memorizar aquilo que se aprende. Tente colocar isso em prática e, 
com certeza, verá diferença. Se tiver dificuldades, peça para alguém 
revisar o seu conteúdo antes de postar para o público em geral. 


6.6 SE PREPARE PARA A ENTREVISTA 


Antes de fazer uma entrevista de trabalho, é fundamental fazer 
o dever de casa e conhecer a pessoa que falará com você. Estude 
sobre a empresa, entenda melhor sobre o atual contexto e os 
últimos projetos relevantes. Mostre ao entrevistador que você tem 
interesse nela e exemplifique por que gostaria de fazer parte do 
time. Deixe bem claro seu propósito como profissional, e seja 
transparente com os seus pontos fortes e fracos. 


É importante ensaiar o que você pretende falar em cada 
projeto. Mostre que tem domínio sobre o conteúdo dos seus 
trabalhos. É muito ruim a sensação de alguém perceber que você 
não domina as informações de um projeto. 


Tome bastante cuidado para não ficar na defensiva caso a 
pessoa faça alguma crítica sobre o resultado do seu trabalho. Tente 
olhar esse tipo de feedback como mais uma oportunidade de 
aprender. Não se esqueça de agradecer o feedback e mostre que 
você deu total atenção ao que foi dito. Mesmo que você não seja 
contratado, pelo menos teve uma oportunidade de conhecer 
alguém do mercado e entender o que ele espera de um UX 
Designer. 


É fundamental levar um computador, ou mesmo um pendrive, 
com todos os seus trabalhos de maneira organizada. Tome cuidado 
para não depender da internet da empresa, porque nem todos os 
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lugares liberam facilmente acesso ao Wi-Fi. Chegar sem os 
trabalhos passa uma mensagem de falta de cuidado e causa uma 
péssima primeira impressão caso o recrutador precise fazer alguns 
comentários. Lembre-se de que a primeira impressão é a que fica 
marcada na cabeça das pessoas. 


Faça uma pesquisa sobre a remuneração que faz sentido para a 
sua vaga, para que você tenha uma noção real de quanto o 
mercado está pagando e tenha algo na cabeça caso o recrutador lhe 
pergunte. Preocupar-se com o salário é importante, mas, neste 
momento, é muito mais valioso se mostrar interessado na 
oportunidade profissional que terá na empresa. Quando se foca no 
aprendizado e crescimento profissional, você terá mais retorno 
desse investimento no futuro. 


Saiba que a pessoa que está recrutando vai olhar muito mais do 
que o seu trabalho. Em toda a conversa, pode ter certeza de que ela 
vai observar se você é uma pessoa proativa, sabe e gosta de 
trabalhar em grupo, se importa de verdade com os usuários e, 
principalmente, se é uma pessoa que tem bom gosto e paixão para 
resolver problemas complexos de forma criativa. 


Seja transparente e honesto sobre a sua experiência e suas 
deficiências. Não adianta mentir para entrar na empresa, e depois 
descobrirem que você não tem uma determinada skill. Esse tipo de 
situação é ruim para os dois lados e cria uma relação de 
desconfiança. Muitas vezes, é mais importante mostrar que você 
tem muita vontade de aprender do que tentar mostrar que você já 
sabe tudo, mesmo que tenha uma certa experiência. 


Uma ótima maneira de aprender é estar ao lado de pessoas 
competentes. Busque trabalhar em empresas relevantes e que estão 
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de acordo com o seu propósito profissional. Dessa forma, você se 
sentirá muito mais empolgado em relação ao que precisa aprender. 
Se você está começando, o seu futuro-chefe espera mais atitude do 
que técnica, porque ensinar a técnica é muito fácil do que aprender 
a ter atitude. 


6.7 FREELAS E VAGAS 


Outra forma de trabalho é por meio de projetos como 
freelancer. O freela é um projeto sem contratação formal e, 
normalmente, acontece em um período específico. A relação de 
freela é uma ótima forma para a empresa conhecer o profissional, e 
o profissional conhecer a empresa. Na indústria do design, é muito 
comum as empresas contratarem neste modelo. 


Normalmente, o freela pode ser feito via remoto, ou mesmo 
alocado na empresa. Quando o projeto é alocado, é uma ótima 
oportunidade para acompanhar de perto como outros 
profissionais trabalham e entender mais sobre a metodologia do 
lugar. Já o trabalho remoto exige que a pessoa seja bastante 
responsável para cumprir as entregas e não furar nenhum prazo. É 
importante ter uma estrutura preparada caso o trabalho seja 
remoto. 


A remuneração do freela é bastante variável e, normalmente, é 
mais alta que o salário formal em carteira assinada. A diferença é 
que a pessoa dificilmente tem o controle do período e pode 
precisar ter nota fiscal como pessoa jurídica para receber o 
pagamento. 


Muitas vagas de freela são divulgadas principalmente no 
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LinkedIn. Basta fazer uma busca na ferramenta e ver aquilo que faz 


sentido para o seu perfil. Outro site que tem bastante vaga é o 


Trampos (https://trampos.co/). 


6.8 CONCLUSÃO 


Agora que você entendeu os desafios de entrar na área de UX, 


continue se aprofundando no assunto para que consiga tirar o 


máximo de proveito para sua carreira profissional. Os artigos a 


seguir vão ajudá-lo ainda mais nesta trajetória. 


Guia completo: como começar em User Experience 
Design (UX), de Fabricio Teixeira (2015) - 
https://brasil.uxdesign.cc/guia-completo-como- 
come%C3% A7ar-em-ux-design-bd21b9f23b8 

Como montar um portfólio de UX se eu ainda não 
trabalho com UX?, de Fabricio Teixeira (2016) - 
https://brasil.uxdesign.cc/como-montar-um- 
portf%WC3%B3lio-de-ux-se-eu-ainda-n%C3%A30-trabalho- 
com-ux-c5ec6434de20 

Notas para um jovem designer, de Bruno Milagres (2016) 
- https://trendr.com.br/conselhos-para-um-jovem- 
designer-21825369c915 

Como aproveitar ao máximo um estágio em UX, de 
Fabricio Teixeira (2018) — https://brasil.uxdesign.cc/como- 
aproveitar-ao-m%WC3%A lximo-um-estWC3% Algio-em- 
ux-eda9cb56e9a0 
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